如何從每個返回的div獲取div id？

Question

我有這樣的代碼：

 var limit = 15; 

    $(document).ready(function() { 
     var data = 'clients=&categories=&keywords=&limit='+limit; 
     $.ajax({ 
     type: 'POST', 
     url: 'index.php?ind=work&op=get_list', 
     data: data, 
       success: function (data) { 
      $('.list').html(data); 
       $('.thumb').click(function() { 
       alert($('.thumb').attr('id')); 
       }); 
      } 
     }); 
    }); 

此代碼返回這樣的東西：

<div class="thumb" id="1" style="display: inline-block; width: 266px; padding: 15px; text-align: center;"> 
<img src="skin/images/work/thumbs/1.png"> 
</div> 
    <div class="thumb" id="2" style="display: inline-block; width: 266px; padding: 15px; text-align: center;"> 
<img src="skin/images/work/thumbs/2.png"> 
</div> 
    <div class="thumb" id="3" style="display: inline-block; width: 266px; padding: 15px; text-align: center;"> 
<img src="skin/images/work/thumbs/3.png"> 
</div> 

但每次我點擊任何的div的時間，警報顯示爲「1」（不管我點擊div與id = 1，div與id = 2或div與id = 3）。是否有人可以告訴我如何每次點擊該div時警告正確的div ID？提前Thanx。

Answer 1

你可能想這樣的：

var limit = 15; 

$(document).ready(function() { 
    var data = 'clients=&categories=&keywords=&limit='+limit; 
    $.ajax({ 
    type: 'POST', 
    url: 'index.php?ind=work&op=get_list', 
    data: data, 
    success: function (data) { 
     $('.list').html(data); 
     $('.thumb').click(function() { 
     alert($(this).attr('id')); 
     }); 
    } 
    }); 
}); 

$('.thumb').attr('id')返回的第一個元素與thumb類的ID，無論它是從調用。

Answer 2

$('.thumb').attr('id')返回第一個.thumb元素的ID，這就是你所看到的。

更改事件使用被點擊的元素：

$('.thumb').click(function(e) { 
    alert($(e.target).attr('id')); 
});