循环遍历 JQuery 对象

Question

我对 JQuery 比较陌生。假设我有一个这样的 divs 结构：

<div class='quater'>
  <div id='a' class='target'></div>
  <div id='b' class='target'></div>
  <div id='c' class='no_target'></div>
</div>

我想添加一个检索类“目标”ID 的 onClick 函数。

我试过了：

$('.quater').on('click', function(){
    var $value = $(this).children('.target');
    $value.each(function(){
        alert(this.attr('id'));
   });
});

但它返回：undefined is not a function

遍历这些元素以检索其 id 的正确方法是什么？

Answer 1

尝试在包装好的 jQuery 对象上调用 .attr() 函数，

alert($(this).attr('id'));

这是一个纯 JavaScript 对象，它不包含名为 .attr() 的成员函数

完整的代码是，

  $('.quater').on('click', function() {
    var $value = $(this).children('.target');
    $value.each(function() {
      alert($(this).attr('id'));
    });
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<div class='quater'>test
  <div id='a' class='target'></div>
  <div id='b' class='target'></div>
  <div id='c' class='no_target'></div>
</div>