如何在同一页面上为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>

Script:

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

Demo:

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

Answer 1

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

Answer 2

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