在jQuery中使用多個ID

Question

我做了一個小jquery腳本來檢查輸入框的值是否大於5。但我有2個標籤和一個id，只有其中一個有效。

<div id="register"> 
    <form id="register"> 
<input id="first" type="text" /> <a id="first" ></a> <br /> 
    <input id="second" type="text" /> <a id="second" ></a> 

</form> 

$('input').keyup(function(){ 
if($(this).val().length<5) 
    { 
    $('a.first').text("Please fill"); 
    } 
if($(this).val().length<5){ 
    $('a.second').text("Please fill"); 
    } 
}); 

但只顯示第一<a id="first"></a>標籤。第二個標籤不可見

Answer 1

你只需要改變你的<a>的使用類：

<div id="register"> 
    <form id="register"> 
     <input id="first" type="text" /> <a class="first" ></a> <br /> 
     <input id="second" type="text" /> <a class="second" ></a> 
    </form> 
</div> 

的jQuery選擇你使用：

$('a.first') 
$('a.second') 

正在尋找一個<a>用類。如果你想尋找一個<a>一個ID，他們將需要如下：

$('a#first') 
$('a#second') 

Answer 2

公司變更登記的ID，它不正確之後有兩個相同的ID在同一頁上， 一切都應該正常工作

歡呼聲

Answer 3

同意沒有重複的id。更容易跟蹤和更清晰的代碼。我的兩美分:)，最近在工作中重構了一段代碼，這些代碼有重複的id，無法在IE中工作。學過的知識！