Javascript 父级的父级中的目标div

我试图在我的按钮的父对象的父对象中定位图像

尝试：

$（event.target）.parents（）.eq（2）。$（“img”）.css（“不透明性”，.3）

$（event.target）.parent（）.parent（）.parent（）.img$.css（“不透明度”，.3）

$（event.target）.parent（）.parent（）.parent（）.parent（“img”）.css（“不透明性”，.3）

编辑：刚刚意识到它是父对象的父对象，但是，即使进行了相应的修改，下面的代码仍然不起作用

以下是HTML：

<div>
<div>
<button type="button" class="page3">Read more</button></div>
</div>
<img src="img/imgs-slides/3.png" border="0" alt="">
</div>

如果这是html的结构

<div>
    <img src="http://placehold.it/100x100"/>
    <div>
        <div>
            <button id="btn">Test</button>
        </div>
    </div>
</div>

或者干脆

$(event.target).parents('div').find('img').css('opacity', '.3');

正如@jony-Y在评论中指出的那样

演示：
这样可能更好。你能发布实际的HTML结构吗？为什么不使用父级$（event.target）.parents（“div”）.find（'img'）.css（'opacity'，'.3'）；这也行得通，我只是想解释op没有使用正确的“parent”编号，也没有找到IMG标签的正确方法。我更新了答案e以包含您的建议
$(event.target).parent().parent().parent().find('img').css('opacity', '.3');

$(event.target).parents('div').find('img').css('opacity', '.3');