jQuery + Django: получить данные из таблицы HTML

Question

Я изо всех сил пытаюсь получить текст в таблице с помощью jQuery.

У меня есть страница HTML, настроенная так, как следует.

{% for element in list %} 
<button class="btn btn-primary add" id="{{forloop.counter}}">Add</button> 
<table class="table" id="myTable"> 
    <thead> 
     <tr><td><h3>General information for {{ element.id }}</h3></td></tr> 
    </thead> 
    <tbody> 
     <tr><td><label id='name-{{forloop.counter}}' class="label label-success" >{{ element.Name }}</label></td></tr> 
     <tr><td><label id='address-{{forloop.counter}}' class="label label-success" >{{ element.Address }}</label></td></tr> 
     <tr><td><label id='code-{{forloop.counter}}' class="label label-success" >{{ element.Code }}</label></td></tr> 
    </tbody> 
</table> 
{% endfor %} 
<script> 
    $(".add").click(function(e) { 
    var id = $(this).attr('id'); 
    var test = $("myTable tr td").each(function() { 
     var name = $(this).find('#name-'+id).text(); 
     var address = $(this).find('#address-'+id).text(); 
     var code = $(this).find('#code-'+id).text(); 
     alert(name); 
     alert(address); 
     alert(code); 
    }); 
    }); 
</script> 

Для каждого объекта в списке есть кнопка и стол. его таблица содержит несколько строк, содержащих данные списка. Я хочу получить текст в тегах <tr> и отправить их позже с помощью ajax.

Что я делаю неправильно?

Answer 1

Вы должны изменить эту строку

$("myTable tr td") 

в

$("#myTable tbody tr td") //missing pound sign & your tds are inside tbody