Javascript 获取JQuery中动态元素的索引

我有一个像这样的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>   

1.
2.
文本1

3.
4.
文本2

5.
6.
文本3

如何获取变更事件中特定“selCat”的索引？ 我需要知道索引，因为我需要根据以前的下拉值为特定索引的“子”类指定特定值。

我就是这么做的：

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

我就是这么做的：

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

我就是这么做的：

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

我就是这么做的：

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

---

它可以工作！非常感谢。现在我可以用它来填充另一个元素，它可以工作了！非常感谢。现在我可以用它来填充另一个元素，它可以工作了！非常感谢。现在我可以用它来填充另一个元素，它可以工作了！非常感谢。现在我可以用它来填充另一个元素