2015-04-19 55 views
2

Inside div我動態加載內部文本,它也包含img標籤。動態渲染後,我想添加類到目前insdie div的所有圖像。如何使用jQuery將類添加到div內的所有圖像?

我試過這個,但它不適合我。

內部的div每img標籤的srcdata:image

function loadDiv() { 

     // loading successfully div elements 

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


    } 

回答

13

要麼開始使用''以包圍屬性值

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

或逃避:

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

* jQuery過濾器/選擇器使用了一些特殊字符;所以他們需要進行轉義形成expession

0

爲條件的備選答案上數據 - 屬性

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

相關問題