Question

我有以下代码：

<div class="field field-name-field-new-photo field-type-image field-label-above">
  <div class="field-label">New Photo:&nbsp;</div>
  <div class="field-items">
    <div class="field-item even">
      <img typeof="foaf:Image" src="some-image-here.jpg" width="500" height="300" alt="" />
    </div>
  </div>
</div>

我想检查图像是否存在，因为如果存在，那么我想在页面的其他位置禁用其他图像。

我尝试了以下但是它无效：

if ( $(".field-name-field-new-photo").length ) {
$(".field-name-field-fallback-photo").hide;
}

任何有关我正在做的事情的指示都会受到赞赏。

Answer 1

尝试
$(".field-name-field-fallback-photo").hide();

编辑：
对于您提供的代码，您可以查看以下内容：

if ($('.field-name-field-new-photo img').length) {
    $(".field-name-field-fallback-photo").hide();
}

编辑2：
在您的最后一条评论之后，如果您只想查看.field-name-field-new-photo div：

if ($('.field-name-field-new-photo').length) {
    $(".field-name-field-fallback-photo").hide();
}

Answer 2

您可以利用.error()回调确定图片是否已加载到img代码中。

$("#IMG_ID").error(function() { 
   // perform required operations
});

如何检查jquery

2 个答案: