用jquery从li获取文本

时间:2014-01-25 19:28:40

标签: jquery

从javascript转换为jquery。从li获取文本并使用jquery将其发送到输入的问题 - 点击调用正在运行,但其余部分没有。

HTML:

<ul id="cssmenu">
<li><span>Text1 Text Text</span></li>
<li><span>Text Text Text</span></li>
<li><span>sheh</span></li>
<li><span>Text Text Text</span></li>
</ul>
<input type="text" id="ches">

这是我的工作半jquery half vanilla JS:

 $("#cssmenu li").click(function(li){
    document.getElementById("ches").value = this.textContent;})

为什么正在运作:

$("#cssmenu li").click(function(li){
$("#ches").value = this.textContent;})

2 个答案:

答案 0 :(得分:1)

而不是:

$("#ches").value = this.textContent;}

使用:

$("#ches").val(this.textContent);

<强> jsFiddle example

您不能在jQuery对象上使用value;请改用.val()

答案 1 :(得分:1)

试试这个,你需要使用.val()

$("#ches").val(this.textContent);

OR

 $("#ches").val($(this).text());

而不是

$("#ches").value = this.textContent;