最初にクリックした後、次のリンクをクリックしてください。

Question

「状態」をクリックして「OK」を押しています。次のリンク（「a」）でクリックをトリガーしたいです。

私が使用しています：

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

をしかし、それは最後の項目になるだろう。私はfind（）がすべての項目を探し、最後に停止することを知っています。

データ名= "city"の次のリンクでトリガーを使用する方法を知りたいと思います。

ありがとうございます。

<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

それは次の都市要素に停止するように第1のセレクタを使用します。

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

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

Answer 2

この

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

よろしく

Answer 3

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

がdata-name='city'ですべてのセレクタにマッチします、あなたが1以上のものを持って試してみてください。それは最後のものを含め、すべてをトリガーします。

はこれを試してみてください：

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

デモ https://jsfiddle.net/6cn8h70s/

Answer 4

$("#table").find("[data-name='city']")は#table内のすべてのdata-name='cityを選択します。 $(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(); 
})