javascript - 如何从每个返回的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”(无论我单击 id=1 的 div、id=2 的 div 还是 id=3 的 div)。有人可以告诉我如何在每次单击该 div 时使用正确的 div id 发出警报吗？提前致谢。

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，无论从何处调用。