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

Question

我有多个具有'flag-container'类的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＆＃39; 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'));
});