如何在具有特定类的容器中循环遍历每个div？

Question

我有多个具有“标志容器”类的div。 我的目标是（使用jquery）遍历每个div，在其中查找图像（每个div具有单个子图像），然后返回该图像的ID。 我将如何实现这一目标并一一遍历这些div？ （我对JS循环不太满意）

Answer 1

试试看：

$('div.flag-container > img').each(function() {
    console.log($(this).attr('id'));
});

如评论和@Stewartside的回答中所述，仅当img是您的flag-container div的直接后代时，上述选择器才有效。

如果不是，则应使用更通用的选择器$('div.flag-container img') 。

你也可以

$('div.flag-container').each(function() {
    console.log($(this).find('img').attr('id'));
});

Answer 2

尝试each()

$( ".flag-container" ).each(function( index ) {
  console.log($(this).find('img').attr('id'));
});

Answer 3

尝试使用jQuery的each()函数。

$('div.flag-container img').each(function() {
    console.log($(this).attr('id'));
});

在此处阅读更多信息： https : //api.jquery.com/jquery.each/

Answer 4

检查此提琴为您的答案： http : //jsfiddle.net/rLbkyeha/

$(".flag-container").each(function(){
   alert( $(this).children('img').attr('id'));
});