javascript - jquery显示唯一的 child

Question

我有一个问题:为了简单起见，我在 div 上使用类，我想在单击后显示一个隐藏的 div，但仅在该 div 上，问题是它在所有 div 上显示，而且我看不到为了让它工作，这里有一个有问题的jsfiddle:http://jsfiddle.net/cWNvT/

HTML:

<div class="left">
    <a href="#" class="edit-click">Edit</a>
    <div class="edit">
        <p>edit here</p>
    </div>
</div>
<div class="left">
    <a href="#" class="edit-click">Edit</a>
    <div class="edit">
        <p>edit here</p>
    </div>
</div>
<div class="left">
    <a href="#" class="edit-click">Edit</a>
    <div class="edit">
        <p>edit here</p>
    </div>
</div>

JavaScript:

$(document).ready(function() {
    $('.edit').hide();
    $('.left a.edit-click').click(function() {
        $('.left').children().show();
    });
});​

有人有解决办法吗？

Answer 1

试试这个工作 fiddle .

$(document).ready(function() {
 $('.edit').hide();
 $('.left a.edit-click').click(function(){
    $(this).parent().children().show();
 });
});

我所做的就是使用 $(this).parent() 而不是使用您的 $(".left") 选择器。