javascript - 迭代特定元素

Question

我知道在 jQuery 中你可以遍历特定类型的所有元素：

$(function() {
   $('img').each(function() {
   });
});

如果我想遍历特定 div 中的元素怎么办，我尝试使用('#div' > a)选择器，但这似乎不起作用

Answer 1

尝试

$(function() {
      $('#div_id img').each(function() {
           alert($(this).attr('src'));
      });
});

Answer 2

“如果我想遍历特定 div 中的元素怎么办，我尝试使用 ('#div' > a) 选择器，但这似乎不起作用”

它是$('#div > a'), 并且这只会针对a带有 的元素的直接子元素id div。

要遍历这些，您可以执行以下操作：

$('#div > a').each(function (index) {
    console.log(this); //your a element
    console.log(index); //the loop index
});

Answer 3

从您所展示的内容来看：您的 css 样式选择器确实应该是 $("div > a") （引用 dystroy），前提是 a-tag 是 div-tag 的直接后代（即孩子），否则我宁愿去 $("div a") 它将搜索所有后代。

请注意，我已从此处删除了#div - 我假设您的意思是对 div 标签的引用，而不是 id 为“div”的某些元素。如果 id 实际上是“div”，那么使用#div。