jquery通配符選擇器 - 表單元素數組的索引

Question

我已經有了一個有多個多維名稱的表單。我正在使用jquery * =選擇器來挑選它們上的組，並在它們更改時執行函數。我想弄清楚如何獲取表單元素名稱的單個數組索引。

我希望能夠通過它的個別數組''部分來識別doorID。例如door_6x7，或者爲0 opening[door_6x7][0]

JQUERY：

$("select[name*=door_6x]").change(function() { 

     var doorID = $(this).attr("name"); 
      alert(doorID); 

    }); 

樣本HTML：

    <td width="50"><select name="opening[door_6x7][0]"> 
         <option value="0" selected="selected">0</option> 
         <option value="1">1</option> 
         <option value="2">2</option> 
         <option value="3">3</option> 
        </select></td> 
        <td width="50"><select name="opening[door_6x7][1]"> 
         <option value="0" selected="selected">0</option> 
         <option value="1">1</option> 
         <option value="2">2</option> 
         <option value="3">3</option> 
        </select></td> 
        <td width="50"><select name="opening[door_6x7][2]"> 
         <option value="0" selected="selected">0</option> 
         <option value="1">1</option> 
         <option value="2">2</option> 
         <option value="3">3</option> 
         <option value="4">4</option> 
         <option value="5">5</option> 
         <option value="6">6</option> 
        </select></td> 
        <td width="50"><select name="opening[door_6x7][3]"> 
         <option value="0" selected="selected">0</option> 
         <option value="1">1</option> 
         <option value="2">2</option> 
         <option value="3">3</option> 
         <option value="4">4</option> 
         <option value="5">5</option> 
         <option value="6">6</option> 
        </select></td> 

Answer 1

我不知道這是否是你想要什麼：

$("select[name*=door_6x]").change(function() { 

    var doorID = $(this).attr("name"); 
    var x = doorID.match(/\[[0-9]+\]/i); 

    alert(x[0].match(/[0-9]+/i)); 

});