javascript - 如何使用 javascript 或 jquery 检查 href 路径是否包含图像或其他链接？

Question

任何人都知道告诉我这样做的建议。如何检查锚 href 属性是否包含图像路径或其他路径。

例如：

    <a href="image.jpg"><img src="image.jpg"/></a>
    <a href="http://google.com"><img src="image.jpg"/></a>

请参阅上面的示例，显示 href 属性包含不同的路径，例如第一个是图像，第二个是其他站点链接。我仍然对如何检查href路径是否包含图像路径或使用jquery或javascript的其他路径感到困惑。

任何建议都会很棒。

Answer 1

例如（如果需要，您可能需要包含其他图片格式）：

$("a").each(function(i, el) {
  var href_value = el.href;
  if (/\.(jpg|png|gif)$/.test(href_value)) {
     console.log(href_value + " is a pic");
  } else {
     console.log(href_value + " is not a pic");
  }
});

Answer 2

查询：

$(document).ready( function() {
  var checkhref = $('a').attr('href');
  var image_check = checkhref.substr(checkhref.length - 4)
  http_tag = "http";
  image = [".png",".jpg",".bmp"]
  if(checkhref.search("http_tag") >= 0){
    alert('Http!');
    //Do something
  }
  if($.inArray(image_check, image) > -1){
    alert('Image!');
    //Do something
  }
});

Answer 3

您可以在没有 jQuery 的情况下检查图像是否存在

小提琴

 var imagesrc = 'http://domain.com/image.jpg';
function checkImage(src) {
var img = new Image();
img.onload = function() {
    document.getElementById("iddiv").innerHTML = src +" exists";

};
img.onerror = function() {
    document.getElementById("iddiv").innerHTML = src +"does not exists";
};
img.src = src; // fires off loading of image
return src;
}
checkImage(imagesrc);