Таблица с приложением 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 в код?

Спасибо!,

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

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