获取同级的img alt

Question

我使用的是dropzone.js。有没有办法在removefile的点击事件上获得filename？我正在考虑从dz-filename的IMG alt中获取filename，并从数据库和服务器中删除图像。如果有其他方法，那也很好！

但这是我所拥有的，它给了我一个未定义的名字：

<div class="dz-preview dz-image-preview">  
  <div class="dz-details">    
    <div class="dz-filename">
      <span data-dz-name="">d24baa48eb1b8ed17755796425141fdc.jpg</span>
    </div>    
    <div class="dz-size" data-dz-size="">
      <strong>9</strong> KiB
    </div>    
    <img data-dz-thumbnail="" alt="d24baa48eb1b8ed17755796425141fdc.jpg" src="/images/thumbnail/d24baa48eb1b8ed17755796425141fdc.jpg">
  </div>
  <a class="dz-remove" href="javascript:undefined;" data-dz-remove="">Remove file</a>
</div>

我也尝试过：siblings，find和closest。

this.on("removedfile", function(file) {
  var name = $(this).parent(".dz-image-preview")
               .siblings(".dz-details").children("img").attr("alt");
  alert(name);
});

Answer 1

从您的代码中可以看出，我相信$(this)是<div class="dz-preview dz-image-preview">中的某种东西。因此，根据这个假设，您可以通过执行以下操作来获得alt：

$(this).parents(".dz-image-preview").find("img").attr("alt");