jquery - 删除文本中的动态单词

Question

当我用户单击按钮删除单词并在输入框中输入 2 时，它应该从元素 id="list"中删除它

<input type="text" id="word"><input type="button" value="remove word">

<span id="list">1,2,3</span>

我对点击事件执行了以下操作:

var text = $('.word').val();
    $('#list').html($('#list').html().replace(/text/ig, ""));

我知道它查找字符串文本而不是变量。那么我如何更改语法以使其搜索 var。

Answer 1

文字正则表达式 (/.../) 是文字，不能包含变量。您需要这样构造一个正则表达式:

var text = $('.word').val();
$('#list').html($('#list').html().replace(new RegExp(text, "ig"), ""));

编辑:如果您需要删除以下逗号，最好将其解析为 Array 并删除相应的元素:

var text = $('.word').val();
var array = $('#list').html().split(","); // split into an Array
                                          // items are delimited by a comma
while(array.indexOf(text) > -1) {         // as long as text is in the array...
    array.splice(array.indexOf(text), 1); // remove one element from the array
                                          // at the position the text is
}
$('#list').html(array.join(","));         // concatenate the elements with a
                                          // comma again