如何使用 jQuery 向 div 内的所有图像添加类？答案

【问题标题】：How to Add class to all images inside div using jQuery?如何使用 jQuery 向 div 内的所有图像添加类？
【发布时间】：2015-04-19 11:49:38
【问题描述】：

在 div 内部，我动态加载内部文本，它还包含 img 标签。动态渲染后，我想为该 div 中存在的所有图像添加类。

我已经尝试过了，但它不适合我。

div 中每个img 标签的src 都是从data:image 开始的

function loadDiv() {

         // loading successfully div elements

          $("img[src*=data:image]").addClass("img-responsive");


     }

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

要么用''把属性值括起来

$("img[src*='data:image']").addClass("img-responsive");

或转义:

$("img[src*=data\\:image]").addClass("img-responsive");

_{*jQuery过滤器/选择器使用了一些特殊字符；所以他们需要被转义以形成一个expession}

【讨论】：

【解决方案2】：

以 data- 属性为条件的替代答案

$(function() {
  var img = $('img');
  img.attr('src') === 'data:image' ? img.addClass("img-responsive") : img.addClass("another-class");
});

img {
  height: 100px;
  width: 100px;
  display: inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<img src="data:image" />
<img src="data:image" />
<img src="data:image" />
<img src="data:image" />
<img src="data:image" />
<img src="data:image" />
<img src="data:image" />

【讨论】：