2010-08-09 28 views
0
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $("input").click(
     function(){ 
     alert(this.id); 
     $('#comments'+this.id).show(); 
    } 
); 
}); 

</script> 
<style type="text/css"> 
.comments{ 
    width:500px; 
    height:350px; 
    background:#06F; 
    display:none; 
} 
</style> 
</head> 
<body> 
    <input type="text" id="1"></input> 
    <input type="text" class="title" id="2"></input> 
    <input type="text" class="title" id="1"></input> 
<div id="comments1" class="comments">box 1</div> 
    <div id="comments2" class="comments">box 2</div> 
<div id="comments1" class="comments">box 3</div> 
</body> 
+1

你不應該有多個ids ... – Paddy 2010-08-09 13:26:42

+0

http://www.w3schools。 com/tags/att_standard_id.asp這裏給出瞭如何使用和id的規則。 – qw3n 2010-08-09 13:32:14

回答

5

元素ID

  • 不得包含了若干只

  • 必須是唯一的

絕對沒有辦法解決這個問題。

您需要更改您的代碼結構以反映這一點。

如果您需要匹配多個元素,請考慮使用類。

1

當您有需要採取行動的倍數時,最佳選擇是將id更改爲類。如果你真的有不同的id需求,那麼你應該考慮一些選項,包括ID的修改,因爲它不能有重複和有效。

當然ID必須以非數字字符開頭。

編輯:關於命名規則的一些詳細說明:

  • 必須以字母開頭AZ或az
  • 可以跟隨:字母(A-ZA-Z),數字(0-9) , 連字符( 「 - 」),下劃線( 「_」), 冒號( 「:」),和句( 「」)
  • 值是區分大小寫的