получение текста из li с jquery

Question

переход от 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 половины ванили JS:

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

почему это не рабочие:

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

Answer 1

Вместо:

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

использование:

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

jsFiddle example

Вы не можете использовать value на объект JQuery; вместо этого используйте .val().

Answer 2

Попробуйте это, Вы должны использовать .val()

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

ИЛИ

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

вместо

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