jquery - 如何检查 DIV 是否包含具有相对 src 路径的 IMG 标签？

Question

我正在将一个 HTML 页面拉到一个包含各种标签（img、div 等）的服务器上。

在客户端，我将它插入到一个 div 中，以便它完全像 html 文件一样显示。它可能包含图像和文本。但有时也有 img 标签，其 src 有相对路径。

如何识别这些不引用完整 http/https（绝对路径）而是以“/”开头的 img 标签以识别它是相对的？

Answer 1

如果您用来显示它的 DIV 有一个标识符，那么您可以尝试通过使用来获取该 div 的子项

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

Answer 2

• 您可以使用.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://
});