如果子级包含类,如何将类添加到父级?

2024-04-06

我试图将一个类添加到父 DIV,如果它有一个类为“testing”的子 IMG 元素。

<article>
    <div id="on-1" class="box">
        <img src="110.jpg">
    </div>

    <div class="present">
        <img class="testing" src="image.jpg">
    </div>
</article>

我已经设置了if语句来检查类“testing”是否存在。不过,我在向父“article”元素添加类时遇到问题。

if ($("article").find(".testing").length > 0) {
    $(.this.parentNode.parentNode).addClass("hasclass");
}

Use parent() https://api.jquery.com/parent/选择父元素。

$("article img.testing").parent().addClass('hasclass');
$("article img.testing").parent().addClass('hasclass');
.hasclass {
  background: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<article>
  <div id="on-1" class="box">
    <img src="110.jpg">
  </div>

  <div class="present">
    <img class="testing" src="image.jpg">
  </div>
</article>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果子级包含类,如何将类添加到父级? 的相关文章

随机推荐

  • 应用内计费安全

    我已经完成了在应用程序计费 v3 中使用的应用程序的开发 我的应用程序是一个考试帮助应用程序 其中包含插入数据库的问题列表 让我担心的是安全性 因为除了 proguard 之外几乎没有其他东西了 我的应用程序查询已购买商品的库存 因此存储购
  • 无法检测数据库类型

    我正在尝试使用创建一个 Spring Boot 应用程序sqljdbc4 https mvnrepository com artifact com microsoft sqlserver sqljdbc4具有此配置的驱动程序 spring
  • laravel Eloquent 模型更新事件未触发

    圣诞快乐伙计们 我是 Laravel 的新手 当我尝试使用服务提供者和模型事件来记录更新信息时 有一个初学者的问题 正在关注在线文档 https laravel com docs 5 3 eloquent events https lara
  • 如何使用 GWT Designer 配置 Ext GWT?

    我在使用 GWT Designer 配置 GXT 时遇到问题 我拥有 Eclipse GWT 插件和 GXT 的所有新版本 但无法配置 GXT 以与 GWT Designer 一起使用 我设置了我的项目 以便可以编译我的 GXT 项目并在浏
  • 当 Visual Studio 具有焦点时(或任何以管理员身份运行的应用程序),keybd_event 和 PostMessage win32 不起作用

    这是我使用过的一个程序 与旧的 XP 时代相比进行了许多更改 这是一个命令行程序 可以更改媒体应用程序 Spotify vlc mediaPlayer 中的曲目 就像带有下一个 上一个曲目按钮的键盘一样 目前我使用的是微软自然键盘 它没有这
  • sphinx 使用 Latexpdf 删除 pdf 中的章节标题?

    我使用 Latexpdf 和 sphinx 生成从 rst 到 pdf 的文档 如何删除每章之前的章节标题 CHAPTER ONE 如中所述狮身人面像文档 http sphinx doc org config html你可以改变latex
  • 升级到 ubuntu 11.10 unity 后,monodevelop 中的 Gtk# 不再工作

    我有一些带有 GTK 用户界面的 monodevelop 程序 可以在 ubuntu 11 04 中顺利运行 无需统一 我已经统一升级到ubuntu 11 10 现在我收到以下错误 找不到类型或命名空间名称 Gtk 您是否缺少程序集引用 事
  • 在 C++ 中按值传递临时结构的简单方法?

    假设我想将一个临时对象传递给一个函数 有没有办法用 1 行代码和 2 行代码来使用结构来做到这一点 通过一堂课 我可以做到 class func TestClass 5 7 given class TestClass private int
  • 奇怪的 SimpleXML 问题 - 无法按名称引用节点?

    我正在尝试解析一个有效的远程 XML 文件 xml simplexml load file http feeds feedburner com HammersInTheHeart format xml 根元素是feed 我试图通过以下方式获
  • 底层提供程序在 Open 时失败

    我创建了 3 个 Ajax 进程来同时运行以下代码 但其中一个进程抛出消息所示的异常 底层提供商在 Open 上失败 try orderRepository orderRepo new orderRepository get context
  • 以角度方式将依赖服务注入到父类

    我有课parent and child The child类扩展parent 我需要 Inject注射类service to parent因为所有child正在使用它 我怎样才能做到呢 您可以从父级注入任何服务或类Injector类 你需要
  • Nestjs:即使正文验证失败也会上传图像

    首先 我为我糟糕的英语表示歉意 我有一个接受 PUT 请求的方法 它接收一个文件和 BlogModel 当我从前端提交表单并且 BlogModel 的验证失败时 文件仍然会上传 main ts import NestFactory from
  • 使用 HttpServletRequestWrapper 进行复制后缺少必需的请求正文

    在我的项目中 我有一组 api 调用 应通过某些常见验证集进行过滤 在这种情况下 我必须在请求到达 REST 控制器之前拦截该请求 读取请求正文 进行验证 如果请求通过验证 则将其传递给控制器 自从HttpServletRequest不能多
  • Python 请求库给出错误“远程端关闭连接而无响应”

    我正在请求库的帮助下进行后调用 import time def retry on connection errors url data data consists of dictionary with 20 key value pairs
  • node.js,express,如何从post请求中的body表单数据中获取数据

    我有一个简单的 Node js 应用程序 我想从用户那里获取帖子正文 app js var express require express var app express app use express json app post api
  • 使用 MediaTracker 在 Swing 应用程序中缓存图像

    我有一个基于 Swing 的金融代码 它将显示价格变动的金融符号以及每个柜台 公司向上或向下的箭头 此股票行情指示器上可以有很多计数器 最多 100 个 并查看是否需要缓存图像符号以提高性能 我尝试过遵循这个article http www
  • 绘制 4d 数据

    我有 4 个维度的点 我们称它们为 v w y z 我想将其可视化 我的计划是有两个正方形 v x w y x z 彼此相邻 然后将每个点绘制两次 给定两点 1 1 1 3 2 2 2 2 我设想这样的事情 给定一小组点 我可以使用不同的颜
  • YAGNI 在编写测试时也适用吗?

    当我编写代码时 我只编写我需要的函数 这种方法也适用于编写测试吗 为了安全起见 我应该提前为我能想到的每个用例编写测试 还是应该只为遇到的用例编写测试 我认为当你编写一个方法时 你应该测试预期的和潜在的错误路径 这并不意味着您应该扩展您的设
  • Pheanstalk(beanstalk 的 PHP 客户端)- 连接如何工作?

    我需要一些帮助来理解 pheanstalk php beanstalk 客户端 的使用 我有一个 PHP 程序 当表单数据发送到服务器时 该程序在服务器上执行 然后 PHP 程序应将表单数据打包为 JSON 结构并将其发送到后端服务器进程
  • 如果子级包含类,如何将类添加到父级?

    我试图将一个类添加到父 DIV 如果它有一个类为 testing 的子 IMG 元素