一個jQuery的更改事件上的多個元素

Question

我有3個文本框，所有具有相同ID的，我通過將它的控制器陣列處理成ASP

我有一個鏈接，增加了下面的第一個文本框的數量不受限制3.

我的電流變化聲明：

$('input.#invent').change(function() { 

工作正常，在第一個文本框， 變化事件，但改變

時相同的信息別人不火了

當3個文本框中的任何一個發生更改時，獲取更改事件的最佳策略是什麼？

Answer 1

改變所有三個要素與#invent ID的一類，而不是（ID的must to be unique），或者它一定會爲第一要素的工作，像什麼在你的凱斯目前發生的事情。

然後，您可以針對所有具有.invent類的元素：

$('input.invent').change(function() { 
    // Here, $(this) refers to the specific element of the .invent class which 'changed' 
}): 

瞭解更多關於ID和類選擇here之間的差異。

Answer 2

您不能使用ID引用多個元素。任何HTML頁面上的ID必須是唯一的！

改爲使用類:-)。

Answer 3

由於id是唯一的，所以應該使用class。然後你就可以在你的類使用迭代每一個和應用$(this)瞄準當前change輸入：

$('input.invent').each(function() { 
    $(this).change(function() { 

    }); 
}); 

Answer 4

比方說你的HTML是這樣的：

<input type="text" id="invent" /> 
<input type="text" id="invent" /> 
<input type="text" id="invent" /> 
<input type="text" id="invent1" /> 
<input type="text" id="invent2" /> 
<input type="text" id="invent3" /> 

現在的ID必須是唯一的。所以，把一個班的所有輸入，比如invent和HTML將是：

<input type="text" class="invent" /> 
<input type="text" class="invent" /> 
<input type="text" class="invent" /> 
<input type="text" class="invent" /> 
<input type="text" class="invent" /> 
<input type="text" class="invent" /> 

，並調用上的變化事件，如：

// This would be called now for all the text-boxes 
$('input.invent').change(function() { 
    // Your code here 
}): 

在情況下，你不能對所有的添加類文本框。你凸輪乾脆這樣做：

$("input:text").change(function() { 
    // Your code here 
}): 

Answer 5

@Eli答案完全匹配你。如果你想閱讀所有的文本框，那麼你可以使用下面的方法。

$('input[type=text]').each(function() { 
        $(this).change(function() { 
         alert($(this).val()); 
         $(this).focus(); 
        }); 
       });