我正在努力使用 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 提交。
我做错了什么?
最佳答案
您需要更改此行
$("myTable tr td")
至
$("#myTable tbody tr td") //missing pound sign & your tds are inside tbody
关于javascript - jQuery + Django : get data from HTML table,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34394058/