Question

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

我试过这个，但它不适合我。

div中每个src标记的

img都来自data:image

function loadDiv() {

         // loading successfully div elements

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


     }

Answer 1

使用''括起属性值

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

或逃避:

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

_{* jQuery过滤器/选择器使用了一些特殊字符;所以他们需要逃脱以形成一次探险}

Answer 2

数据属性的条件替代答案

＆＃13;

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

＆＃13;

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

＆＃13;

<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" />

＆＃13;

如何使用jQuery为div中的所有图像添加类？

2 个答案: