jquery - 仅当图形中的图像具有类时才向图形添加类

Question

如果 figure 元素中的图像具有 right 类，我如何将类添加到该元素？，我只希望在图像具有右类。

$(function() {
if ($('img').hasClass('right')) {
  $('figure').addClass('test');
 }
 });

这会向页面上的每个figure添加一个类test？

Answer 1

您可以使用:

$('img.right').closest('figure').addClass('test');

如果 figure 元素始终是直接父元素，您也可以使用:

$('img.right').parent('figure').addClass('test');

<小时/>

顺便说一句，您的示例不起作用的原因是您将类 test 添加到所有图形元素中您使用了$('figure').addClass('test')。

您需要获取元素的上下文，它看起来更像是这样:

$('img.right').each(function(){
    $(this).parent('figure').addClass('test');
});

不过，请避免使用 .each() 循环并使用其他建议之一。