javascript - 带有 jQ​​uery appendTo 的表

Question

我想用这些跨度和 href 创建表。必须只有 1 个 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>

如何将 table、tr、td 标签添加到我的代码中？

谢谢，

Answer 1

我试着把它作为一个简单的例子，这样你就可以看到我是如何首先实例化新元素，然后操作、文本、链接等。最后我用 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

第h, k