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

Answer 2

$('.thumb').attr('id')会返回第一个.thumb元素的ID，这就是您所看到的。

更改您的活动以使用点击的元素：

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

如何从每个返回的div中获取div id？

2 个答案: