首页 > 解决方案 > 如果孩子有特定的类,jQuery将类添加到父类

问题描述

我希望通过一些 jQuery 脚本获得一些帮助。我一直在浏览我可以在 stackoverflow 上找到的所有帖子,并试图将它们拼凑在一起以实现这一结果。

我追求的结果是这样的 - 如果一个类 .fes-el 也有类 .fn_tags_field

将类 .updated_pa​​rent 添加到父类。

我对任何形式的编程都没有真正的经验。所以我可能搞砸了一些非常基本的东西。任何帮助,将不胜感激。

这是我迄今为止能够拼凑起来的。我想使用 .parent() 的原因是因为 .fes-el 类有多个元素。我之前没有使用 .parent() 的尝试导致所有父类都添加了 .updated_pa​​rent 。

jQuery(document).ready(function($) {
   if ($(".fes-el").hasClass('fn_tags_field')) {
      $(this).parent().addClass('updated_parent');
   }
});

这就是html的组成方式。

<div class="fes-field fn_container_start">
   <div class="fes-el fn_tags_field download_tag">      
      <div class="fes-label"></div>
      <div class="fes-fields"></div>
   </div>
</div>

我的希望是使用那一点 jQuery 会在 fn_container_start 之后添加类 .updated_pa​​rent

我很感激我能得到的所有帮助。

问候,莫腾

标签: htmljquery

解决方案


function JSFunc(){
    $(".fes-el.fn_tags_field").each(function (index, value) { 
        $(value).parent().addClass("updated_parent");
     })
    
      
}

这将遍历所有 div,找到与所有必需类匹配的 div,并将更新的类添加到父类。

这不是一个优化的解决方案,因为您没有说何时需要发生这种情况,您所要做的就是在需要更新类时执行此代码


推荐阅读