jquery只选择一里

Question

我尝试将 li- 标签的值写入输入，我的问题是它只添加 oneli。我怎样才能实现 li- 的几个值相加并用逗号分隔!如果每个 li- 值只能添加一次，那就太好了!谢谢，抱歉我完全没有知识!

http://jsfiddle.net/QNtbp/

<div>
<ul>
<li>Item1</li>
<li>item2</li>
<li>Item3</li>
</ul>
</div>
<input type="text" id="meinOutput"/>


$("li").click(function() {
var selects = $("li").html();
$("#meinOutput").val(selects);
});

Answer 1

尝试 var selects = $(this).html(); 应该可以完成这项工作

原因是 $('li') 将返回适合选择器的所有对象，因此 html() 将仅访问该选择器的第一个元素列表。 this 在该方法的上下文中是对发生点击的元素的引用。

http://jsfiddle.net/QNtbp/5/

如果你想追加，你必须使用

var selects = $("#meinOutput").val() + $(this).html();

此外，如果您想让项目以逗号分隔，您应该检查 val 是否为空，如果不是，则用逗号附加新的 html:

var old = $("#meinOutput").val();
var selects = old == "" ? $(this).html() : old + "; " + $(this).html();`

为了只有在有多种方法时才允许每个值。例如，您可以创建一个数组，在其中插入已添加到文本中的 lis，并在按下新的 lis 时检查它们是否已添加 - 或者如果 lis 的内容是唯一的，您只需检查内容是否已经是出现在输出中。