Javascript 带有jQuery appendTo的表

Javascript 带有jQuery appendTo的表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想用这些span和a href创建表。必须只有一个tr和3个td updater: function (selectedCustomer) { valueAccessor()( parseInt(selectedCustomer.split('-')[0])); if (valueAccessor()() > 0) { $(element).hide(); var txt = $('<span>' + sele

我想用这些span和a 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);
     }
 });
更新程序:函数(selectedCustomer){
valueAccessor()(parseInt(selectedCustomer.split('-')[0]);
if(valueAccessor()()>0){
$(元素).hide();
var txt=$(''+selectedCustomer+'').appendTo($(element.parent());
var openCust=$('').appendTo($(元素).parent();
var btn=$('').appendTo($(元素).parent();
btn.on(“点击”,功能(){
$(元素).show();
txt.remove();
删除();
openCust.remove();
valueAccessor()(0);
})
openCust.on(“单击”,函数(){
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>

abc554444
如何将表、tr、td标记添加到代码中


谢谢,

我试着将其作为一个简单的示例,这样您就可以看到我是如何首先实例化新元素,然后操作、文本、链接等的。。最后,我用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 )
var ah=$('


hth,k

我喜欢怎么做:创建不同的组件,如span、a和hrefs等,然后附加到

<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>");
});

var mySpan=“我想要什么”;
var firstLink=“”;
var secondLink=“”;
$(“body”)。在(“单击“,”.myButton),函数()上{
$(“#myTable tr”).empty();
$(“#theTable tr”).append(“+mySPan+”“+firstLink+”“+secondLink+”);
});
简单的方法通常有效