Javascript 带有+；和-标志不起作用

下面是我为处理它而编写的脚本，但由于某些原因，+和-交换没有发生

$('.showCheckbox').click(function(e) {
    var dynamicBox = $(this).attr('val');
    var collapseSign = $(this).attr('id');
    $('#'+dynamicBox).slideToggle();
    $('#'+dynamicBox+collapseSign).html(function(_, text){
        return text === '+' ? '−' : '+';
    });
});

你可以在这里找到小提琴，请帮忙

变化：

$('#'+dynamicBox+collapseSign).html(function(_, text){
    return text === '+' ? '−' : '+';
});

致：

这将使用单击的折叠符号的ID来更改文本

更改：

$('#'+dynamicBox+collapseSign).html(function(_, text){
    return text === '+' ? '−' : '+';
});

致：

这将使用单击的折叠符号的ID来更改文本

---

我认为选择器的

collapseSign

部分应该是字符串。否则，您将尝试匹配类似于

#partnerspatnerscollapsesign

的内容，该内容不存在：

$('.showCheckbox').click(function(e) {
    var dynamicBox = $(this).attr('val');
    $('#'+dynamicBox).slideToggle();
    $('#'+dynamicBox+'collapseSign').html(function(_, text){
        return text === '+' ? '−' : '+';
    });
});

---

我认为选择器的

collapseSign

部分应该是字符串。否则，您将尝试匹配类似于

#partnerspatnerscollapsesign

的内容，该内容不存在：

$('.showCheckbox').click(function(e) {
    var dynamicBox = $(this).attr('val');
    $('#'+dynamicBox).slideToggle();
    $('#'+dynamicBox+'collapseSign').html(function(_, text){
        return text === '+' ? '−' : '+';
    });
});

---

如果单击标题而不是标志，则此操作无效。这是一个好观点，我没有注意到，您的解决方案更好，因为它涵盖了这一点。这就是我加入两个ID的原因：）无论如何，谢谢@oGeez我被困了一个小时！如果点击标题而不是标志，这是不起作用的。这是一个很好的观点，我没有注意到，你的解决方案更好，因为它涵盖了这一点。这就是我加入两个ID的原因：）无论如何，谢谢@oGeez我被困了一个小时！