循环通过JQuery对象

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

的完整代码会是这样，

$('.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>