JavaScript 错误：使用 jQuery 和数组的 DOM 异常 8

Question

我收到此错误：

未捕获的错误：NOT_FOUND_ERR：DOM 例外8

这是我的代码（请提出任何建议以使其更高效/更干净）：

基本上，这是一个按钮，将其 ID 添加到名为“keywords”的数组中：

$('.add').live('click', function() {
    if($(this).text() == "+Add") {
        console.log("add triggered");
        $(this).stop().animate({backgroundColor:'#999d92'}, 300);
        $(this).html("-Rem").fadeIn('fast'); 
        keywords.push($(this).attr("id"));
        $("#response").append(keywords); 

    }
    else {
        $(this).stop().animate({backgroundColor:'#cc6633'}, 300);
        $(this).html("+Add").fadeIn('fast'); 
        var index = keywords.indexOf($(this).attr("id"));
        keywords.splice(index, index+1);
        $("#response").append(keywords); 
    }

});

我想要发生的是当按下“+ADD”时id 属性被添加到数组中，当按下 -REM 时，然后从关键字中删除该 id。

任何建议都会很有帮助。当我将 $(this).attr("id") 附加到响应 div 时，它确实可以正确打印。我还尝试用“String()”函数包围它（也许它是对资源的引用，而不是实际的字符串？）

谢谢！

Answer 1

keywords.splice(index, index+1);

splice 的第二个参数是要删除的项目数，因此可能应该只是 1。

$("#response").append(keywords); 

但是keywords是一个字符串数组？ jQuery 文档中没有这样的 append 接口。

你想要类似的东西吗：？

$("#response").text(keywords.join(', '));