Таблица с приложением jQuery

Я хочу создать таблицу с этими span и 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>

Как добавить теги table, tr, td в код?

Спасибо!,

Gyepesto, в 10:35 (источник)

2 ответа

  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

    hth, k

  2. Как это сделать:создайте различные компоненты ie 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>");
});

    Простой способ обычно работает.