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

Question

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

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

div中每个img标签的src都是从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

对数据属性的条件的替代答案

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