如何檢查DIV是否包含具有相對src路徑的IMG標記？

Question

我拉一個HTML頁面包含各種標籤（img，div等）的服務器。

在客戶端，我將它插入到一個div中，以便它完全像HTML文件一樣顯示。它可能包含圖像和文字。但有時候會有img標籤的src有相對路徑。

如何識別這些不參考完整http/https（絕對路徑）的img標籤，而是以「/」開頭以標識它是相對的？

Answer 1

• 您可以使用.find()方法來檢查是否div包含img
• 您可以使用.attr()方法來獲取src

您可以使用字符串函數/檢查正則表達式是否src屬性開頭http,https或/並相應地更改它。

例子：

$("#div1").find("img").length     // returns the number of images inside #div1 
$("#div1").find("img").each(function() { 
    var src = $(this).attr("src");    // grab the src "attribute" 
    console.log(src); 
    console.log(src.indexOf("/") == 0);  // true -> starts with/
    console.log(src.indexOf("http://") == 0); // true -> starts with http:// 
    console.log(src.indexOf("https://") == 0); // true -> starts with https:// 
}); 

Answer 2

如果您使用以顯示它有一個標識符的DIV，那麼你可以嘗試使用

$("#divID").children().find("img").each(function(){ 
    if(($(this).attr("src")).indexOf("PATH")>0) 
    { Do whatever.. } 
});