jQuery:单击的元素的第n个是多少

Question

因此，在 jQuery 中，我可以使用 .find('selector').length 找到某种类型元素的总数，但是如何找出该元素总数中的 n 是多少？

即:如何取回我单击第一个或第二个(或第 n 个)按钮的信息 (n)？

例如:

<table class="table-edit-components">
    <tr>
        <td>
            <div class="resource-links">
                ...
            </div>
            <button type="button" class="add-resource-link"></button>
        </td>
        <td>
            <div class="resource-links">
                ...
            </div>
            <button type="button" class="add-resource-link"></button>
        </td>
    </tr>
</table>

Answer 1

您可以使用index()来找出您点击的元素编号

$( ".add-resource-link" ).index( this );

演示

$(".add-resource-link").click(function(){
var index = $( ".add-resource-link" ).index( this );
  
  console.log(index)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table-edit-components">
    <tr>
        <td>
            <div class="resource-links">
                ...
            </div>
            <button type="button" class="add-resource-link">click</button>
        </td>
        <td>
            <div class="resource-links">
                ...
            </div>
            <button type="button" class="add-resource-link">click</button>
        </td>
    </tr>
</table>