jQuery隱藏div並顯示div

Question

我在jsfiddle上有2個div的代碼，用戶可以通過單擊div來選擇功能。 在對面的div中，我有相同的項目，但隱藏。 如何替換隱藏類？

這是我想出的：

$("#Label1").click(function () {
    $(this).find('.feature-options1').addClass('hidden');
    $(this).parent().closest('.feature-container').prev().find('#SelectedFeatures').find('#Label2').removeClass('hidden');
});

http://jsfiddle.net/X6xcj/9/

Answer 1

這是：

$(this).find('.feature-options1').hide();
$('#label2').find('.feature-options1').show();

您正在努力實現什么？

Answer 2

您應該使用.parent（）而不是.prev（）來獲取包含的div

$("#Label1").click(function () {
    $(this).find('.feature-options1').addClass('hidden');
    $(this).parent().closest('.feature-container').parent().find('#SelectedFeatures').find('#Label2').removeClass('hidden');
});

您可以在這里： http : //jsfiddle.net/5W48X/

.prev（）為您提供上一個同級元素。

.parent（）為您提供容器（父）元素。

編輯：

我什至沒有看到您在div上使用的ID。 這也應該工作：

$("#Label1").click(function () {
    $(this).addClass('hidden');
    $('#Label2').removeClass('hidden');
});

http://jsfiddle.net/6Zbsa/

Answer 3

 $("#Label1").click(function () {
            $(this).find('.feature-options1').addClass('hidden');
            $(this).parent().next().next().find('#Label2').removeClass('hidden');
        });

試試這個我可能會幫助您。

Answer 4

嘗試這個：

$(function(){
    $(".feature-addons").on('click', function(e){
        var lbl = $(this).next();
        $(".feature-addons").next().addClass('hidden');
        lbl.removeClass('hidden');
    });
});