Question

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

例如：

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

参见上面的例子，显示href属性包含不同的路径，如第一个是图像，第二个是其他一些站点链接。我仍然混淆了如何使用jquery或javascript检查href路径是否包含图像路径或其他路径。

任何建议都会很棒。

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

Jquery的：

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

Fiddle

 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);

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

3 个答案: