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/