如果有特定类,则将类添加到父 div

2024-01-22

尝试将类添加到父 div<div class="widget-content"> if .widget-content li a有特定的类别.ifthis.

HTML:

<div class="widget-content">
<ul>
<li><a href="https://twitter.com/slycolor" class="ifthis"> <b>This Text Should Red</b></a>
</li>

<li><a href="https://www.facebook.com/slycolor" class="ifthis"> <b>This Text Should Red</b></a>
</li>
</ul>
</div>

我已经尝试过这个:

$('.widget-content li a').has('.ifthis').parent('.widget-content').addClass('social-sidebar'); 

但不起作用,请参阅此示例fiddle https://jsfiddle.net/z8ohs9us/5/.


选择正在上课的孩子ifthis然后使用选择它的父级parents() https://api.jquery.com/parents/ or closest() https://api.jquery.com/closest/

$('.widget-content li a.ifthis').parents('.widget-content').addClass('social-sidebar'); 

OR

$('.widget-content li a.ifthis').closest('.widget-content').addClass('social-sidebar');

您的代码不起作用,因为,

  1. has() https://api.jquery.com/has/只会检查它的后代是否包含该选择器,您需要filter() https://api.jquery.com/filter/反而。
  2. parent() https://api.jquery.com/parent/只会选择直接父级,所以你应该使用parents() https://api.jquery.com/parents/ or closest() https://api.jquery.com/closest/.

用你的代码:

$('.widget-content li a').filter('.ifthis').parents('.widget-content').addClass('social-sidebar'); 
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果有特定类,则将类添加到父 div 的相关文章

随机推荐