html - 如果孩子有特定的类,jQuery将类添加到父类
问题描述
我希望通过一些 jQuery 脚本获得一些帮助。我一直在浏览我可以在 stackoverflow 上找到的所有帖子,并试图将它们拼凑在一起以实现这一结果。
我追求的结果是这样的 - 如果一个类 .fes-el 也有类 .fn_tags_field
将类 .updated_parent 添加到父类。
我对任何形式的编程都没有真正的经验。所以我可能搞砸了一些非常基本的东西。任何帮助,将不胜感激。
这是我迄今为止能够拼凑起来的。我想使用 .parent() 的原因是因为 .fes-el 类有多个元素。我之前没有使用 .parent() 的尝试导致所有父类都添加了 .updated_parent 。
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_parent
我很感激我能得到的所有帮助。
问候,莫腾
解决方案
function JSFunc(){
$(".fes-el.fn_tags_field").each(function (index, value) {
$(value).parent().addClass("updated_parent");
})
}
这将遍历所有 div,找到与所有必需类匹配的 div,并将更新的类添加到父类。
这不是一个优化的解决方案,因为您没有说何时需要发生这种情况,您所要做的就是在需要更新类时执行此代码
推荐阅读
- sorting - Elasticsearch排序:每组一个并重复
- c# - 使用 SignalR 的桌面通知
- javascript - 类型错误:n 在 d3.min.js 中为空
- node.js - UserModel.findOne 返回一个对象,其成员在成员内部重复:_doc
- c - 中止(核心转储)与 *** `python3.6' 中的错误:损坏的大小与 prev_size:0x0000000000e018e0 ***
- linux - 如何使用多个分隔符从文件中删除特定列
- php - 如何获取通过不同网络连接到我的应用程序的用户的电脑名称
- javascript - fullcalendar 调度程序只允许在后台事件中选择
- angular - Angular 5 mat-tab-group 不起作用
- java - 通过 URL 从 Firebase 存储中下载视频