jquery与同一类生成的id

Question

这是我的代码。

 
//generate a id 
$(".slide_img_a").each(function(){ 
$(this).attr("id","img"+(Math.round(Math.random()*100))) 
}); 

// get id 
var img_id = $(".slide_img_a").attr("id"); 

// alert the id 
$(".slide_img_a img").hover(function(){ 
alert(img_id); 
}); 

问题是我有5个图像具有相同的类和随机ID。当我将图片悬停时，结果是他只能提醒第一张图片的ID。我想要做的是，当我将鼠标悬停他们，他们会提醒thier自己的ID的

Answer 1

您可以使用this事件处理程序内，找到你想要的那个样子，就像这样：

$(".slide_img_a img").hover(function(){ 
    alert($(this).closest(".slide_img_a").attr("id")); 
}); 

这需要像你在盘旋时徘徊，然后使用.closest()上升到.slide_img_a容器，而即是我们从中拉出ID的元素。

---

对于预1.3版本的jQuery的（因为我们知道<a>不具备类），你可以这样做：

$(".slide_img_a img").hover(function(){ 
    alert($(this).parents(".slide_img_a:first").attr("id")); 
});