javascript - 使用 jquery 查找 html 标签号

Question

我有 3 个选择标签。这是 html 代码。

<div id="dropdownselect">
<select>
<option>option1</option>
<option>option2</option>
</select>
<select>
<option>option1</option>
<option>option2</option>
</select>
<select>
<option>option1</option>
<option>option2</option>
</select>
</div>

当其中一个选择标记更改时，我创建一个 jQuery 函数，jQuery 函数必须返回更改的选择的编号。例如，当第二个选择标记更改时，jQuery 函数必须返回 2。

$("#dropdownselect select").on("change",function(){

});

我应该怎么做才能找到哪个选择标签发生了变化？？

Answer 1

使用 jQuery 的 .index()功能:

$("#dropdownselect select").on("change",function(){
    console.log($(this).index()+1);
});

jsFiddle example

If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.