Question

我正在尝试在我的按钮的父级的父级的父级中定位图像。

试过：

$(event.target).parents().eq(2).$("img").css( "opacity", .3 );

$(event.target).parent().parent().parent().$("img").css( "opacity", .3 );

$(event.target).parent().parent().parent("img").css( "opacity", .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>

JS：

$( "button.page3" ).click(function(event) {
$(event.target).parents().eq(1).$("img").css( "opacity", .3 ); //doesnt work
$(event.target).closest("img").css( "opacity", .3 ); //neither
}

Answer 1

如果这是html的结构

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

然后您可以选择图像并通过此

更改css

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

或者只是

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

正如@ jony-Y的评论所指出的

DEMO：http://jsfiddle.net/pv6081cz/

在父母的父母的父母的目标div

1 个答案: