Question

我试图找出如何在点击事件之后在其父div中选择具有特定类名的特定元素。

<div id="news">
    <div class="one">
        <p>news</p>
    </div>
    <div class="two"> 
        <a href="#" class="clickme"></a>
    </div>
</div>

<div id="users">
    <div class="one">
        <p>users</p>
    </div>
    <div class="two"> 
        <a href="#" class="clickme"></a>
    </div>
</div>

我的简单jquery如下：

$(".clickme").on("click", function () {
//how to select only the element with the class "one" within the parent and show it
});

我失败的尝试一直在尝试使用父母和最近的方法和代码，如$(this).parents().find(".one").show();

任何帮助都会很棒!!

Answer 1

Working Demo

试试这个

$(this).parent()指的是parent div

.prev('one')与班级.one的前任兄弟

$(this).parent().prev(".one").show();

Answer 2

尝试使用.prev()

$(this).parent().prev(".one").show();

请参阅DEMO

Answer 3

我会这样穿过它。

$('.clickme').click(function(){
    $(this).parent().siblings().eq(0).show();
});

fiddle

如何在单击后仅选择父级内的div

3 个答案: