如何使用jQuery定位img src

Question

我有一个带有一些菜单项的隐藏div和一个空的img src。用户可以上传将填充img src的图像，然后我想显示菜单。

我试过这个，但我认为这不起作用，因为它没有检查img src。

$("#prev_img").change(function(){
  $("#menu").show();
});

我尝试了另一种方式使用src lenght，但也没有成功。

Answer 1

HTMLImageElement没有onchange个事件，但在您的情况下，我认为您可能会尝试使用onload事件：

$("#prev_img").load(function() {
    $("#menu").show();
});

演示：http://jsfiddle.net/hjk6r/

Answer 2

您可以获取图片属性，使用：

$("#prev_img").change(function(){
  $("#menu img[src='some_attr']").show();
});

或者你可以试试这个：

$('#menu').find('img[src=some_attribute_value_for_source').show();

http://api.jquery.com/has-attribute-selector/ jQuery属性选择器

https://api.jquery.com/attribute-equals-selector/ jQuery属性值选择器

$("[attribute='value']")

选择具有值属性的元素。

Answer 3

您始终可以通过

检索img源代码

$("img").attr("src")

并对其执行任何检查，例如：

if( $("img").attr("src") != "" ){
   $("#menu").show();
}