Jquery .each 通过另一个 Div 中的 Div

Posted 2023-02-22

【中文标题】Jquery .each 通过另一个 Div 中的 Div

【英文标题】：Jquery .each through Divs inside another Div

【发布时间】：2012-07-17 15:32:55

【问题描述】：

我目前有以下html：

抱歉编辑，我写这篇文章时没有注意。

 <div class ="left">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>

我正在使用 JQuery .each 命令使用 $('div').each 遍历每个 div。虽然我只想用类名“left”遍历 div 内的 div。

我尝试过使用$('.left > div').each，但没有成功。

任何帮助表示赞赏。

【问题讨论】：

那么，有什么问题吗？它对我有用：jsfiddle.net/cLLyD

【参考方案1】：

语法应该是$(".left > div").each(function()); 而不是.each(".left > div")。

更新：想使用$(".left").children().each()

【讨论】：

抱歉，我在写这篇文章的时候已经半睡半醒了。我使用正确。

你发布的语法是我已经没有的，很遗憾:(

【参考方案2】：

这就是你要找的吗？

$('div.left>div').each(function() /* do stuff */ );

小提琴： http://jsfiddle.net/MLnBY/

【讨论】：

它适用于这个例子，但在我的（简化的）代码中它变得更加复杂。如果这很重要，我的 div 会在表格中吗？

啊，然后删除>。 $('div.left div').each(...); 这将迭代所有具有 classname=left 的祖先 div 的 div。

【参考方案3】：

$.each( $('.left'), function(i, left) 
   $('div', left).each(function() 

   );
)

【讨论】：

这就像倒着吃。不是最简单的解决方案，但它有效！ :)

【参考方案4】：

$(".left").children().each(function(i, elm) 
    alert($(this).html())
);