时间戳

首页 > 解决方案 > 将类添加到嵌套的 img

javascript - 将类添加到嵌套的 img

问题描述

我的代码的超级简单表示：

 <div class = "parent_class">
  <a href="#"> 
    <img src="something.jpg">
  </a>
 </div>

我需要在 中添加一个类img，但事实证明这很困难（对我来说）。有没有一种简单的方法可以在 javascript 中做到这一点？我知道我可以选择:first-child，但我认为这不适用于这里。

标签： javascript

解决方案

如果您使用的是 jQuery，您可以使用(ancestor > descendent)img访问元素，然后使用添加自定义类：.parent_class img addClass

$('.parent_class img').addClass('myclass');
.myclass {
  border: 2px solid red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent_class">
  <a href="#">
    <img src="http://placekitten.com/200/300">
  </a>
</div>

推荐阅读