如何在javascript上获取要确认的单元格值?
我有一个html代码,我想当我点击删除删除当前行,然后显示确认“你想删除[名称]?” 那么,当我使用Jquery单击delete时,如何获得要确认的名称值呢如何在javascript上获取要确认的单元格值?,javascript,jquery,Javascript,Jquery,我有一个html代码,我想当我点击删除删除当前行,然后显示确认“你想删除[名称]?” 那么,当我使用Jquery单击delete时,如何获得要确认的名称值呢 <table id="tblInfo"> <thead> <tr> <th>#</th> <th>Name</th> <th>Birthday</th>
<table id="tblInfo">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Birthday</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Name1</td>
<td>01/01/1990</td>
<td>
<a href="#" class="btnView" >View</a>
<a href="#" class="btnDelete">Delete</a>
</td>
</tr>
<tr>
<td>2</td>
<td>Name2</td>
<td>01/01/1990</td>
<td>
<a href="#" class="btnView">View</a>
<a href="#" class="btnDelete">Delete</a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td><input type="text" name="" value="" size="25" /></td>
<td><input type="text" name="" value="" size="25" /></td>
<td>
<a href="#" class="btnAdd">Add</a>
</td>
</tr>
</tfoot>
</table>
#
名称
生日
1.
名称1
01/01/1990
2.
姓名2
01/01/1990
您需要找到最接近的tr元素,然后从第二个td元素获取文本
下面是解决这个问题的JSFIDLE
$(document).ready(function(){
$('.btnDelete').click(function(){
var selectedName = $($(this).closest("tr").children()[1]).text();
console.log("Selected name is "+ selectedName);
});
});
演示:
文档:一个例子:类似的问题以前已经回答过,所以:搜索类似的问题,并尝试在发布问题之前做一些研究,这样你就可以告诉我们你到底在哪里被卡住了!查看以了解我们希望看到的问题类型。感谢您的帮助!我如何添加新行?谢谢!,但它出了问题
$(document).ready(function() {
$("#tblInfo").on("click", ".btnDelete", function() {
var $this = $(this);
var name = $this.closest("tr").find("td:nth-child(2)").text(); // gets the name of the row
if (confirm("Do you want to delete" + name + "?"))
{ $this.closest('tr').remove(); } // upon confirmation, remove the row
});
});