循环JQuery对象

Loop through JQuery object

本文关键字：对象 JQuery 循环      更新时间：2023-09-26

我对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>

我想广告一个onClick函数，检索类"target"id。

我尝试过：

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

但它返回：undefined不是函数

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

尝试在包装的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>

相关文章：