javascript - 如何在特定的div中执行脚本

Question

所以，在 dom 中是这样的

<div>
    <button>Click me</button>
    <img src=#>
</div>

<div>
    <button>Click me</button>
    <img src=#>
</div>

<div>
    <button>Click me</button>
    <img src=#>
</div>

和脚本

$("button").click(function() {img.hide() });

如何让js只在包含点击按钮的div中执行？ dom 是生成的，所以我们不能使用特定的类或 id 的

Answer 1

您可以使用 parent()和 find()方法。

$("button").click(function () {
    $(this).parent().find('img').hide()
});

或next()方法如下。

$("button").click(function () {
    $(this).next('img').hide()
});