我想在相关的手风琴时把+改成-

Question

嗨，我想把+改成-当正方形点击时，请看js小提琴！

https://jsfiddle.net/vkLhfpxt/

$('.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“函数随后将该元素中的超文本标记语言更改为括号之间定义的内容(”作为字符串“)。您可以使用相同的函数在"+“和"-”之间来回切换。

谨致问候!

编辑：

$('.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的人，但我真的认为这应该会有帮助。