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');
    });
});

Jquery隐藏div并显示div

4 个答案: