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/