Question

我想点击＆＃34;州＆＃34;然后按＆＃34;确定＆＃34;我想在下一个链接中触发点击（＆＃34; a＆＃34;）。

我正在使用：

$("[data-name='city']").on("click", function(){ $("#table").find("[data-name='city']").trigger("click");}

但这是最后一项。我知道find（）将查找每个项目并最终停止。

我想知道如何在data-name =＆＃34; city＆＃34;的下一个链接中使用触发器。并避免去最后一个。

谢谢大家。

<table id="table">
   <tr>
      <td style="">
         <a class="editable editable-click" href="javascript:void(0)" data-name="state" data-pk="113" data-value="18">My State 001</a>
      </td>
      <td style="">
         <a class="editable editable-click" href="javascript:void(0)" data-name="city">City 001</a>
      </td>
   </tr>
   <tr>
      <td style="">
         <a class="editable editable-click" href="javascript:void(0)" data-name="state" data-pk="113" data-value="18">My State 002</a>
      </td>
      <td style="">
         <a class="editable editable-click" href="javascript:void(0)" data-name="city">City 002</a>
      </td>
   </tr>
   <tr>
      <td style="">
         <a class="editable editable-click" href="javascript:void(0)" data-name="state" data-pk="113" data-value="18">My State 003</a>
      </td>
      <td style="">
         <a class="editable editable-click" href="javascript:void(0)" data-name="city">City 003</a>
      </td>
   </tr>
</table>

Answer 1

$("#table").find("[data-name='city']")会选择data-name='city中的所有#table。点击$(this).closest('tr').find("[data-name='city']")之后，您应该使用data-name='city'查找data-name="state"。

$('[data-name="state"]').click(function(){
    $(this).closest('tr').find("[data-name='city']").click();
})

Answer 2

使用第一个选择器，使其停在下一个城市元素上：

https://api.jquery.com/first-selector/

$('[data-name="state"]').click(function(){
    $(this).closest('tr').find("[data-name='city']:first").click();
})

Answer 3

试试这个

$("#table").find("a.editable-click:last").trigger("click");

此致

Answer 4

$("#table").find("[data-name='city']").trigger("click");

将所有选择器与data-name='city'匹配，您有多个选择器。它会触发所有这些，包括最后一个。

试试这个：

$("[data-name='state']").on("click", function(e){
    $(this).closest("tr").find("[data-name='city']").trigger("click");
});

演示 https://jsfiddle.net/6cn8h70s/

点击第一个

4 个答案: