Question

我对JQuery相对较新。假设我有一个像这样的div结构：

<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不是函数

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

Answer 1

尝试通过包装的jQuery对象调用.attr()函数，

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

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

完整代码将是，

＆＃13;

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

＆＃13;

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

＆＃13;

循环遍历JQuery对象

1 个答案: