jquery show hide可在选项卡中进行编辑

Question

我正在使用jquery标签。在每个选项卡上，都有一个“编辑”按钮，用于隐藏标准文本并显示一个输入框。

问题是，两个标签都受到影响。我知道我可以为每个使用不同的类（edit1，edit2等），但是如果我有很多标签呢？

示例：http://jsfiddle.net/mgjTD/

处理此问题的好方法是什么？

$(document).ready(function() {

    $('#sometabs').tabs();

    $('.edit_go').click(function(){
        $('.view').hide();
        $('.edit').show();
    });

    $('.view_go').click(function(){
        $('.view').show();
        $('.edit').hide();
    });
});

Answer 1

您可以使用.siblings()修复此问题：

$('#sometabs').tabs();

$('.edit_go').click(function () {
    $(this).siblings('.view').hide();
    $(this).siblings('.edit').show();
});

$('.view_go').click(function () {
    $(this).parent().siblings('.view').show();
    $(this).parent().siblings('.edit').hide();
});

演示：http://jsfiddle.net/ThiefMaster/mgjTD/6/