JQUERY：在.each循环中查找类

Question

我需要检查每个 .archive_blocks 是否包含 .archive_blocks_fa_active。 如果是，则将 css 应用到 .archive_blocks_sa。

<div class="archive_blocks">
    <a href="#" class="archive_blocks_fa_active">
        <img width="142" height="142" src="#">
    </a>
    <div class="archive_blocks_name">
        <a href="#" class="archive_blocks_sa">Ilustrations</a>
    </div>
</div>

查询：

 $('.archive_blocks').each(function(){

    if ( $("a.archive_blocks_fa_active").parents(this).length == 1 ) { 
        alert('OK'); 
    } else {        
        alert('NO');    
    }
});

Answer 1

您可以使用 has() 方法将匹配元素集减少为具有与选择器或 DOM 元素匹配的后代的元素。

$('.archive_blocks').each(function(){
   if ($(this).has(".archive_blocks_fa_active").length) { 
        $(this).find('.archive_blocks_sa').addClass('className'); 
   } 
});

Answer 2

假设我已经正确理解了您的问题，您不能只这样做而不用担心 each：

$(".archive_blocks a.archive_blocks_fa_active")
    .closest(".archive_blocks")
    .find(".archive_blocks_sa")
    .addClass("whatever");

这使用与任何 a.archive_blocks_fa_active 元素相匹配的后代选择器是 .archive_blocks 元素的后代。然后它找到相关的 .archive_blocks_sa （还有其他方法可以做到这一点，如果您愿意，可以使用 parent 和 next），然后添加班级。

Answer 3

$('.archive_blocks .archive_blocks_fa_active').parent().find('a.archive_blocks_sa').css(...);

Answer 4

$('.archive_blocks').has(".archive_blocks_fa_active")
                    .find('.archive_blocks_sa')
                    .css({...});