同じページの2つのIDに同じスクリプトを使用する方法は？

Question

私はphpからIDを取得し、IDをデータベースに挿入してスクリプトにIDで結果を表示する好きなスクリプトを持っています。

HTML：：

<a href="javascript://" class="like" sta_id="1" username="{S_USERNAME}" title="Like">Like</a> 
<div id="sn_likebox"> 
<span id="close"><a href="javascript://" class="close" title="Close This">X</a></span> 
<div style="height:13px"> 
<div id="flash">Loading........</div> 
</div> 
<div id="sn_like_content"> 
</div> 
</div> 
<p>----------------------------------</p><div></div> 
<p>-----------------------------------</p><div></div> 
<a href="javascript://" class="like" sta_id="2" username="{S_USERNAME}" title="Like">Like</a> 
<div id="sn_likebox"> 
<span id="close"><a href="javascript://" class="close" title="Close This">X</a></span> 
<div style="height:13px"> 
<div id="flash">Loading........</div> 
</div> 
<div id="sn_like_content"> 
</div> 
</div> 

スクリプト：

$(".like").click(function() 
{ 
var sta_id=$(this).attr("sta_id"); 
var username=$(this).attr("username"); 
var dataString ='sta_id='+ sta_id + '&username='+ username; 
$("#sn_likebox").slideDown("slow"); 

$("#flash").fadeIn("slow"); 


$.ajax({ 
type : "POST", 
url : us_cfg.url, 
data: dataString,  
cache: false, 


success: function(html) 
{ 
$("#flash").fadeOut("slow"); 
$("#sn_like_content").html(html); 
} 
}); 

}); 





$(".close").click(function() 
{ 
$("#sn_likebox").slideUp("slow"); 
}); 

を私はそれをクリックして、その代わりに、ONTの最初のdivのidで開い貴様のIdsが、siledown結果に同じHTMLコードと同じスクリプトを使用しますデモ：

http://jsfiddle.net/Ke5AB/112/

Answer 1

identical IDsは同じページに2つ含めることはできません。別のセレクタータイプ（クラスなど）を使用します。

Answer 2

次の2つのelemeを配置することはできませんDOM内で同じIDを持つnts。あなたはそれらを一意にする必要があります、そしてあなたのコードはそれらと一緒に動作します。