幫助在jQuery選擇

我有表單元素是這樣的：幫助在jQuery選擇

<input type='text' id='person_1_name'> 
<input type='text' id='person_2_name'> 
<input type='text' id='person_3_name'> 
<input type='text' id='person_4_name'> 
<input type='text' id='person_5_name'> 
.. 
.. 
..

我可以這樣選擇單個元素：

$("#person_1_name").focusout(function() { 

    alert("Hello World"); 

});

是否有選擇的所有元素（person_ < *> _名稱的選擇）這樣沒有分別描述它們？

感謝

來源

2011-09-19 Awan

Woudn't它簡單的方法是將它們包裝在一個元素，然後他們存取權限像這樣：$（「wrapperelement輸入」）focosout（函數（）{/ * * /}）; ？ – Tjirp

這是不正確的做法。

你應該添加類到每個元素，然後選擇它：

$(".MyClass")...

，但如果你堅持：

$('div') .filter(function() { return this.id.match(/person\_[0-9]\_name/); }) .css('border','solid 1px red')

來源

2011-09-19 13:43:12

+1。您可以在ID值上使用過濾器，但我寧願儘可能避免使用過濾器。 – Dan

不錯的編輯傢伙。保持這樣！ –

$("id[id^='person_']"); //starts with
$("id[id$='_name']"); //ends with

來源

2011-09-19 13:44:05 Neal

這應該工作（未經測試）

$('input[id*="person"]')

來源

2011-09-19 13:44:12 Tjirp

向person_n_name元素中添加一個類並改爲使用類選擇器。

來源

2011-09-19 13:44:13 Karlth

JQuery模擬的CSS選擇器。所以，這應該很好：

$('input[id^="person_"][id$="_name"]');

來源

2011-09-19 13:45:31

你可以嘗試挑選他們的類。首先將它們設置一個類，然後通過腳本

接他們是這樣的：

<input type='text' id='person_1_name' class='person'> 
<input type='text' id='person_2_name' class='person'> 
<input type='text' id='person_3_name' class='person'> 
<input type='text' id='person_4_name' class='person'> 
<input type='text' id='person_5_name' class='person'> 

<script type="text/javascript"> 

var person = $(".person");

人VAR將包含一個陣列

來源

2011-09-19 13:45:46

最好的辦法是在你input添加class='person_name'和使用

$(".person_name")focusout(function() { 

    alert("Hello World"); 

});

但是，如果你被迫使用id那麼你可以使用下面的代碼

$("input[id^='person_'][id$='_name']").focusout(function() { 

    alert("Hello World"); 

});

在這裏看到一個工作演示http://jsfiddle.net/usmanhalalit/aPD5K/

來源

2011-09-19 13:50:16 Usman

幫助在jQuery選擇

回答

相關問題