jQuery获取单击类的元素，而不是单击该类的每个元素。

Question

这是我的HTML：

<div class="content content-1">
    <div class="row"></div>
    <a href="javascript:void(0)" class="new-content">new content </a>
</div>
<div class="content content-2">
    <div class="row"></div>
    <a href="javascript:void(0)" class="new-content">new content </a>
</div>
<div class="content content-3">
    <div class="row"></div>
    <a href="javascript:void(0)" class="new-content">new content </a>
</div>

如何获得单击类的元素，而不是单击的类中的每个元素？

以下是我的jquery：

$('.new-content').click(function() {
    $(this).closest('.content').find('.row').show(); 
}

但是，这将选择所有的.row，而不是单击类中最近的行。

=======================Update (对不起，我错误地简化了)===========

<div class="content content-1">
    <div class="row">
        <h4> 
            <a href="javascript:void(0)" class="new-content">new content</a>             
        <h4>
    </div>
    <div class="new-answer">
    </div>
</div>
<div class="content content-2">
    <div class="row">
        <h4> 
            <a href="javascript:void(0)" class="new-content">new content</a>             
        <h4>
    </div>
    <div class="new-answer">
    </div>
</div>
<div class="content content-3">
    <div class="row">
        <h4> 
            <a href="javascript:void(0)" class="new-content">new content</a>             
        <h4>
    </div>
    <div class="new-answer">
    </div>
</div>

我只想选择单击的.new-answer中的一个.new-content

Answer 1

假设您将具有一致的html结构：

$('.new-content').click(function() {
    $(this).parents('.row').next().show(); 
}

演示：https://jsfiddle.net/erkaner/oLmvcuwk/

Answer 2

尝尝这个

$('.new-content').click(function() {
    $(this).parents('.content').find('.new-answer').show();
});

Answer 3

您刚刚错过了jquery选择器中的.(点)(在closest和find中)，否则代码的其余部分将给出所需的结果。如果没有. (点)，选择器将查找content和row标记元素，而不是元素的类。

看看这个

$('.new-content').click(function() {
    $(this).closest('.content').find('.row').show(); 
                     ^-------- dot ---^
}

编辑-在OP更新问题后，请参阅下面的代码，您可以使用closest()获得父级row div，然后使用next()获取新内容。

$('.new-content').click(function() {
    $(this).closest('.row').next('.new-answer').show(); 
}

或

$('.new-content').click(function() {
        $(this).closest('.content').find('.new-answer').show(); 
   }