Question

嗨我想改成+进 - 当方形点击时请看js fidddle！

$('.work-detail2, .work-detail3').hide();
    $('.work-1').addClass('squar-active')

    $('.work-1').click(function(){
        $('.work-1').addClass('squar-active');
        $('.work-2,.work-3').removeClass('squar-active');
        $('.work-detail1').show(500);
        $('.work-detail2, .work-detail3').hide(500);
    });

    $('.work-2').click(function(){
        $('.work-1,.work-3').removeClass('squar-active');
        $('.work-2').addClass('squar-active');
        $('.work-detail2').show(500);
        $('.work-detail1, .work-detail3').hide(500);
    });

    $('.work-3').click(function(){
        $('.work-1,.work-2').removeClass('squar-active');
        $('.work-3').addClass('squar-active');
        $('.work-detail3').show(500);
        $('.work-detail1, .work-detail2').hide(500);
    });

Answer 1

我假设广场内有一些HTML发生。你可以调用.innerHTML（）;在他们身上：

$document.getElementByClassName('squar-active').innerHTML = '-';

“getElementByClassName（）”函数就是这样做的，并且使用“squar-active”类来获取任何元素。 “.innerHTML”函数随后将该元素内的HTML更改为括号之间定义的任何内容（'作为字符串'）。您可以使用相同的功能在“+”和“ - ”之间来回切换。

祝福！

编辑：

$('.work-detail2, .work-detail3').hide();
$('.work-1').addClass('square-active')

$('.work-1').click(function(){
    $('.work-1').addClass('square-active');
    $('.work-2,.work-3').removeClass('square-active');
    $('.work-2, .work3').addClass('square-inactive');
    $('.work-detail1').show(500);
    $('.work-detail2, .work-detail3').hide(500);
});

$('.work-2').click(function(){
    $('.work-1,.work-3').removeClass('square-active');
    $('.work-1, .work-3').addClass('square-inactive');
    $('.work-2').addClass('square-active');
    $('.work-detail2').show(500);
    $('.work-detail1, .work-detail3').hide(500);
});

$('.work-3').click(function(){
    $('.work-1,.work-2').removeClass('square-active');
    $('.work-1, work-2').addClass('square-inactive');
    $('.work-3').addClass('square-active');
    $('.work-detail3').show(500);
    $('.work-detail1, .work-detail2').hide(500);
});

$document.getElementByClassName('square-active').innerHTML = '-';
$document.getElementByClassName('square-inactive').innerHTML = '+';

这就是我重写原始脚本的方法。我不是最熟练的jQuery，但我认为这应该有所帮助。

我想在相关的手风琴时改变+ into - minus

1 个答案: