选择器查找父兄弟（img_wrap img）

Question

下面的代码试着让btn mousedown找到父兄弟（img_wp）img，但它不起作用。我的代码在某处错了？

$('.btn').mousedown(function(e){
    var target_img = $(e.target).parent().closest('.img_wp img');
    var target_img_w = target_img.width();
    var target_img_h = target_img.height();
    console.log(target_img_w + target_img_h);
});

<div class=\"wp\">
    <div class="img_wp">
        <img>
    </div>
    <div class="btn_wp">
        <div class="btn"></div>
    </div>
</div>
 <div class=\"wp\">
    <div class="img_wp">
        <img>
    </div>
    <div class="btn_wp">
        <div class="btn"></div>
    </div>
</div>

Answer 1

.closest()查找具有匹配选择器的最近祖先。由于您的按钮的父级没有img祖先，因此您的选择器将返回一个空集。

---

请改用：

var target_img = $(this).closest('.wp').find('img');