jQuery表appendTo

Question

我想创建表与这些跨度和href的。一定只有一个tr和3个td。

updater: function (selectedCustomer) { 
     valueAccessor()(parseInt(selectedCustomer.split('-')[0])); 
     if (valueAccessor()() > 0) { 
      $(element).hide(); 
     var txt = $('<span>' + selectedCustomer + '</span>').appendTo($(element).parent()); 
     var openCust = $('<a href="javascript: void(0)" type="submit"style=" margin-top: 7pt;"><i class="icon-search" style="font-size: 14pt; color: #000000;"></i></a>').appendTo($(element).parent()); 
     var btn = $('<a href="javascript: void(0)" type="submit"style=" margin-top: 7pt;"><i class="icon-remove" style="font-size: 14pt; color: #000000;"></i></a>').appendTo($(element).parent()); 
     btn.on("click", function() { 
      $(element).show(); 
      txt.remove(); 
      btn.remove(); 
      openCust.remove(); 
      valueAccessor()(0); 
      }) 
      openCust.on("click", function() { 
      OpenCustomer(valueAccessor()()); 
      }) 
     } 
     // OpenCustomer(selectedCustomer); 
    } 
}); 

我想看看我的html喜欢;

<table> 
    <tr> 
     <td><span>abc554444</span></td> 
     <td><a href>dsadasda</a> </td> 
     <td><a href>dsadasda</a> </td> 
    </tr> 
</table> 

如何新增表，TR，TD标签，我的代码？

谢谢

Answer 1

我试图使它作为简单的例子，这样你可以看到我首先实例化新的元素，然后操纵，文字，链接等..和我finaly用jQuery追加吧..

var ah = $('<a/>') 
var sp = $('<span/>') 
var td = $('<td/>') 
var tr = $('<tr/>') 
    tr.append(td.clone().append(ah).attr('href', '#').text('Link text')) 
    tr.append(td.clone().append(sp).text('Lorem Ipsum')) 
    tr.append(td.clone().append(sp).text('New Lorem Ipsum')) 
var tb = $('<table/>').append(tr) 
// append to body or some other element :) 
$('body').append(tb) 

http://codepen.io/mkdizajn/pen/BQgEWQ?editors=0110

心连心，K

Answer 2

我怎么样去做：创建不同的组件，即跨度，带的HREF等于是澳鹏d到

<table id="theTable"> 
    <tr></tr> 
</table> 


var mySpan = "<span>What i want in it</span>"; 
var firstLink = "<a href='"+what ever i want here+"'>The other bits in here</a>"; 
var secondLink = "<a href='foo'>All the other stuff</a>"; 

$("body").on("click", ".myButton", function(){ 
    $("#myTable tr").empty(); 
    $("#theTable tr").append("<td>"+mySPan+"</td><td>"+firstLink+"</td><td>"+secondLink+"</td>"); 
}); 

简单的方法通常工作。