Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在具有特定类的容器中循环每个div?_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 如何在具有特定类的容器中循环每个div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有多个div的类为“flag container”。我的目标是(使用jquery)在每个div上循环,找到其中的图像(每个div都有一个子图像),然后返回该图像的ID。我怎样才能做到这一点,并一个接一个地循环这些div?(我不太擅长JS循环)试试each() 试试这个: $('div.flag-container > img').each(function() { console.log($(this).attr('id')); }); 如评论和@Stewartside的回答中

我有多个div的类为“flag container”。我的目标是(使用jquery)在每个div上循环,找到其中的图像(每个div都有一个子图像),然后返回该图像的ID。我怎样才能做到这一点,并一个接一个地循环这些div?(我不太擅长JS循环)

试试
each()

试试这个:

$('div.flag-container > img').each(function() {
    console.log($(this).attr('id'));
});
如评论和@Stewartside的回答中所述,只有当
img
是您的
标志容器
div的直接后代时,上述选择器才会起作用

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

你也可以这样做

$('div.flag-container').each(function() {
    console.log($(this).find('img').attr('id'));
});
尝试jQuery的
each()
函数

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

请在此处阅读更多信息:

检查此小提琴以获取您的答案:


试试这个:为什么需要检索这些图像的ID?你最好解释你预期的最终行为,并提供所有相关的问题代码,因为没有相关的代码,所以我问了这个问题。我想这是
//你的东西
是重要的部分吗@答:沃尔夫他说他不擅长循环,我教他如何循环。他知道他想要什么,我不必为他写每一个让他懒惰的代码:)谢谢你,这实际上是我感兴趣的循环。我刚才提到这些图片是为了让人们知道我为什么想要这个循环。。并且始终张贴明确的问题,只有这样你才能得到正确的答案其他聪明人不会给出任何答案,并会否决你的问题这至少回答了问题。仅供参考,
$(this.attr('id')
只是写
this.id
:)我不知道每个div是否都有一个子映像OP意味着
img
div
的直接子映像,但这是您的选择。我真正想说的是,
this.id
看起来要短一些
$(this.attr('id')
),那么为什么不使用它呢?是的,在不知道OP的标记的情况下,
div.flag-container img
将是更可靠的选择器。同意所有观点,更新答案
$(this.attr('id')
就是我出于习惯而编写它的方式。
$('div.flag-container img').each(function() {
    console.log($(this).attr('id'));
});
$(".flag-container").each(function(){
   alert( $(this).children('img').attr('id'));
});