如何在同一页面上的2个ID使用相同的脚本？

Question

我有一个喜欢的脚本，它从php获取ID并将ID插入数据库，然后该脚本按ID显示结果。 我对不同的ID使用相同的html代码和相同的脚本，但siledown结果在第一个div id上打开，而不是在我单击它的ont上打开：

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");
});

演示：

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

Answer 1

您不能在DOM中放置两个具有相同ID的元素。 您需要使它们唯一，然后您的代码才能使用它们。

Answer 2

同一页上不能有两个相同的ID 。 使用其他选择器类型（例如类）。