JQuery .each() 函数内元素的长度

Question

假设我有以下 HTML

<div class="news_item">
    <div class="news_content">Some Content Here...</div>
    <img src="something.jpg" />
</div>

我有以下 JQuery 代码；它假设计算特定 DIV 内有多少 IMG 元素，并在没有 IMG 元素时更改 DIV.news_content 的 CSS。

$('div.news_item').each(function() {
        if ($('img', this).length == 0) {
        $('div.news_content', this).css('background-color', '#cccccc');
    }
});

但是 $('img', this).length 似乎在每个函数中不起作用。

Answer 1

听起来它正在工作，但这里有一些替代代码，可以过滤掉任何带有 img 子项的 div。

$('div.news_item').not(function(index){return $(this).find('img').length > 0;}).each(function(index, elem){
     $(this).css('background-color', '#cccccc');
});