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>