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