從jquery獲得第二個子跨度的文本

Question

試圖從嵌套跨度（這是li中兩個元素的第二個）中獲取文本到輸入中。我的功能沒有工作不知道爲什麼。

HTML

<ul id="dir"><li><img><span>TEXT TO GET</span></li></ul> 
<input type="text" id="target"> 

jQuery的

$("#dir li").click(function(){ 
$("target").val($(this).children[1].text()); 
}); 

Answer 1

或者這樣：

$("#dir li").click(function(){ 
    $("#target").val($($(this).children()[1]).text()); 
}); 

Answer 2

使用.find()

var text = $(this).find("span").text(); 
$("target").val(text);