jQuery：如果孩子有类，则将类/css添加到父类

Question

如果 (a) 的子 (img) 具有 .ls-thumb-active 类，我想在 (a) 中添加悬停功能...这是 html 的示例

<a href="#" class="ls-thumb-1" style="width: 400px; height: 125px;">
    <img src="http://ldngrp.co/wp-content/uploads/2014/10/apprenticeships.jpg" class style="opacity: 0.7"></a>

<a href="#" class="ls-thumb-2" style="width: 400px; height: 125px;">
   <img src="http://ldngrp.co/wp-content/uploads/2014/10/apprenticeships.jpg" class="ls-thumb-active" style="opacity: 1"></a>

这是一个 wordpress 插件，并且已经有一个悬停事件（不透明度 0.7>1），但是当子级（img）具有类 .ls-thumb 时，我还想将 css 样式添加到父级（a） -active...我已将这些样式应用于css中的.shadow...

box-shadow: 0 0 40px 1px rgba(17,17,17,0.2);
z-index: 2;

我想出了几行 jQuery，但我不知道为什么它不起作用！这是我迄今为止尝试过的......

$('a.ls-thumb-1:has(img.ls-thumb-active)').addClass('shadow');
$('.ls-thumb-active').parent().addClass('shadow');
$( "a:has(img.ls-thumb-active)" ).addClass( "shadow" );
$('a:has(.ls-thumb-active)').addClass('shadow');

任何帮助将不胜感激！

谢谢你:)

Answer 1

你已经接近了......
你只需要选择不同的方式
$('a .ls-thumb-active').addClass('shadow');

只要该 DOM 元素在页面加载时可用，这应该可以工作。

编辑（根据 OP 的原始请求）：

$.fn.addShadowToParent = function() {
    this.parent().addClass('shadow');
};

$('a .ls-thumb-active').addShadowToParent();

Codepen

注意： 在 WordPress 上，您通常必须使用 jQuery 而不是 $ 才能使其正常工作。