Javascript JQuery表选择最近的空
我正在尝试从同一个表(和行)中选择一个类。Javascript JQuery表选择最近的空,javascript,jquery,Javascript,Jquery,我正在尝试从同一个表(和行)中选择一个类。 如果用户单击“删除”,我需要从“表单删除id”中获取文本。 不幸的是,我得到了一个空字符串。我尝试了“最近的()”和“父母()”,但运气不好。 这是我的代码: <table class="responsive-table bordered striped"> <thead> <tr> <th>id</th> <th>page</th>
如果用户单击“删除”,我需要从“表单删除id”中获取文本。
不幸的是,我得到了一个空字符串。我尝试了“最近的()”和“父母()”,但运气不好。
这是我的代码:
<table class="responsive-table bordered striped">
<thead>
<tr>
<th>id</th>
<th>page</th>
<th>parameter</th>
<th>method</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td class="form_delete_id">2</td>
<td class="form_delete_page">dqfsq</td>
<td class="form_delete_parameter">qsdfqs</td>
<td class="form_delete_method">post</td>
<td class="form_delete_trigger"><a class="waves-effect waves-light btn red"><i class="material-icons left">delete</i>Remove</a></td>
</tr>
</tbody>
</table>
身份证件
页
参数
方法
行动
2.
dqfsq
qsdfqs
邮递
.form\u delete\u id
是单击的.form\u delete\u id
的同级元素。您需要使用.sibbies()
而不是.closest()
:
$(函数(){
$(“.form\u delete\u trigger”)。单击(函数(){
警报($(this).sides(“.form_delete_id”).text());
});
});代码>
身份证件
页
参数
方法
行动
2.
dqfsq
qsdfqs
邮递
删除删除
尝试获取父项并在其中搜索删除id:
<script>
$(".form_delete_trigger").click(function() {
alert($(this).parent().find(".form_delete_id").text());
});
</script>
$(“.form\u delete\u trigger”)。单击(函数(){
警报($(this.parent().find(“.form\u delete\u id”).text());
});
或者使用sibling
<script>
$(".form_delete_trigger").click(function() {
alert($(this).siblings(".form_delete_id").text());
});
</script>
$(“.form\u delete\u trigger”)。单击(函数(){
警报($(this).sides(“.form_delete_id”).text());
});
谢谢您的完整回答!我不知道在使用列表和表格时应该使用它。谢谢你向我介绍这项功能。@yoano:很高兴它有帮助:)
<script>
$(".form_delete_trigger").click(function() {
alert($(this).siblings(".form_delete_id").text());
});
</script>