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