javascript - 单击后如何仅选择父级中的div

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();