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