Question

我有一个带有文字的div块：

<div>hello</div>

我有一个输入文本字段，其最后一个条目始终是div中的文本。例如，

<input type="text"></input> with the user inputed text as "bob, james, hello"

单击jquery时，如何从输入中的字符串中减去div中的文本，将输入保留为：

<input type="text"></input> text as "bob, james,"

Answer 1

你的语法不合时宜：

<div>hello</div>
<input type="text" value="bob, james, hello" />

JQuery：

$('div').click(function(){
    var _text = $('input[type=text]');
    _text.val(_text.val().replace($(this).html(),''));
});

工作演示：http://jsfiddle.net/AlienWebguy/kCWtr/1/

Answer 2

使用：

$('div').click(function(){
    var inputElem=$('input[type=text]'), arrText=inputElem.val().split(/,\s*/g), indexElemToRemove=arrText.indexOf($(this).val());
    if(indexElemToRemove>-1) arrText.splice(indexElemToRemove,1);
    inputElem.val(arrText.join(', '));
});

从输入中减去div文本

2 个答案: