javascript - 获取 JQuery 中动态元素的索引

Question

我有一个像这样的 DOM

<div class="table">
<div class="tr">
    <div class="td"> 
        <select class="selCat" name="selCat[]">
          <option>1</option>
          <option>2</option>
       </select>
    </div>
    <div class="td"> 
        <p class="sub">text 1</p>
    </div>
 </div>   
<div class="tr">
    <div class="td"> 
        <select class="selCat" name="selCat[]">
          <option>3</option>
          <option>4</option>
       </select>
    </div>
    <div class="td"> 
        <p class="sub">text 2</p>
    </div>
 </div>   
<div class="tr">
    <div class="td"> 
        <select class="selCat" name="selCat[]">
          <option>5</option>
          <option>6</option>
       </select>
    </div>
    <div class="td"> 
        <p class="sub">text 3</p>
    </div>
 </div>   

如何在更改事件上获取特定“selCat”的索引？ 我需要知道索引，因为我需要根据先前的下拉值将特定值分配给特定索引的“子”类。

Answer 1

这就是我所做的:

$(".selCat").change(function(){
    alert($(this).index(".selCat"));
});

Here is the JSFiddle demo