Question

我正在将HTML页面拉成包含各种标签的服务器（img，div等）。

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

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

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://
});

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

2 个答案: