如题,我在界面上有个表格,表格每一行后面有个删除按钮,当我点击删除按钮时,我希望能获取按钮所在这一行的数据,以用来post到后端,在数据库中删除这一行数据
我的架构为django
1、表格的html
<table class="table table-striped">
<thead>
<tr>
<th>title</th>
<th>body</th>
<th>time</th>
<th>operation</th>
</tr>
</thead>
<tbody>
{% for emp in pagination.objs %}
<tr>
<td id="title">{{ emp.title }}</td>
<td id="body">{{ emp.body }}</td>
<td id="time">{{ emp.timestamp }}</td>
<td>
<button type="button" class="btn btn-default btn-xs" οnclick="getedititem(this)">
<span class="glyphicon glyphicon-edit" aria-hidden="true"><span>
</button>
<button type="button" class="btn btn-default btn-xs" οnclick="getrmitem(this)">
<span class="glyphicon glyphicon-remove" aria-hidden="true"><span>
</button>
</td>
</tr>
{% endfor %}
</tbody>
</table>
在这个html中,我在表格中的每一行的td标签中都加了id,便于获取数据。在删除按钮上加了Onclick,指定了getrmitem函数,并传this参数
html代码实现的页面如下:
当我点击第一行的删除按钮时,我希望能获取到第一行的title 和body这两列的数据
2、实现的getrmitem()函数
<script>
function getrmitem(obj){
var tr=$(obj).parent().parent();
var title = tr.children("td#title").text();
var body = tr.children("td#body").text()
alert("title:"+title+",body:"+body);
};
</script>
以上代码中,先调用了两次的parent函数,获取到点击的这一行的tr标签,再调用tr的children函数分别获取了标签为td,id为title和id为body的两个数据,通过alert函数提示出来
效果如下:
获得的数据就可以用来post到后端了