type="text/css" rel="stylesheet" href="css/jquery.jorgchart.css"/>  type="text/css" rel="stylesheet" href="css/custom.css"/> > .jOrgChart .node{     line-height: 60px; } .add{     display: none; } .add p{     width: 90px;     height: 32px;     line-height: 32px;     font-size: 14px;     text-align: center;     color: #fff;     background: #00a0e9;     float: left;     margin-left: 25px;     cursor: pointer; } .add input{     padding: 0;     padding-left: 5px;     margin-left: 25px;     float: left;     width: 120px;     height: 32px;     border: 1px solid #ccc; } 

 type="text/javascript" src="js/jquery.min.js">  type="text/javascript" src="js/jquery-ui-1.11.0.js">  type="text/javascript" src="js/jquery.jorgchart.js">  type="text/javascript"> jQuery(document).ready(renderTree.bind(null,rightClick));  function renderTree(cb){     $("#org").jOrgChart({         chartElement: '#chart',         dragAndDrop: true     });     setTimeout(function(){         cb && cb();     }) } function rightClick(){      $('.node').on('click',function(e){         $(".add").show();         var that = this;         $(".add").children('input.mark').remove();         var mark = $("");         $('.add').find('p').eq(0).before(mark);         $(".newAdd").unbind('click').click(function (){         e.preventDefault();             var str = '新加块';             var str1 = '新加块新加块新加块';             var tableDivs = $(`.jOrgChart div:contains("${$(that).text()}")`);             var index = tableDivs.index($(that));             var text = $(that).text().trim();             var sourceLis = [];          $(`#org li`).each(function(index,item){             if($(item).text().trim().indexOf(text) === 0){                 sourceLis.push($(item));             };         });         sourceLi = sourceLis[index];             if(sourceLi.children().length === 0) {                 sourceLi.append(str1);             }else{                 sourceLi.children().children('li:last').after(str);             };                 $('.jOrgChart').remove();                 renderTree(rightClick);             $(".add").hide();         });         $(".newDel").unbind('click').click(function () {             e.preventDefault();             var sourceLi1 = $(`#org li:contains("${$(that).text()}")`).last();             sourceLi1.remove();             $('.jOrgChart').remove();             renderTree(rightClick);             $(".add").hide();         });         $('.mark').unbind('click').blur(function(){             e.preventDefault();             var sourceLi1 = $(`#org li:contains("${$(that).text()}")`).last();             var attext = $(that).text();             var athtml = $(sourceLi1).html();                 var val =  $(this).val();                 var str1 =attext.trim();                 var str2 = athtml.replace(str1,val);                 $(sourceLi1).html(str2);                 $('.jOrgChart').remove();                 renderTree(rightClick);                 $(".add").hide();             })         }); } 

 class="add">      class="newAdd">增加      class="newDel">删除      style="padding-left: 30px;color: black "> 输入框空时增加块，有内容时修改当前块值