如何拿起一個字符串 <li> 使用jQuery標簽

Question

我有一個簡單的列表和一個表單文本字段：

<ul>
  <li class="item">one</li>
  <li class="item">two</li>
  <li class="item">three</li>
  <li class="item">four</li>
</ul>
<input id="field" type="text" />

當用戶單擊<li>項時，我希望為li元素內的字符串分配輸入字段的值。

就像是：

$('.item').click( function(){
  $('#field').val(/*put the string inside the li element just clicked*/);
});

那么如何在li元素中獲取字符串？

Answer 1

$('.item').click(function(){    
    $('#field').val($(this).html()); 
}); 

Answer 2

我個人建議使用與已經發布的建議非常相似的建議，但使用text()而不是html：

$('.item').click(
    function(){    
        $('#field').val($(this).text());
    });

這是一個苗條的理由，但是，正如文檔所述：

與.html（）方法不同，.text（）可以在XML和HTML文檔中使用。

否則，它們看起來幾乎相同。

參考：

• text() ;

Answer 3

.html()是您要尋找的。 請在API中查找它： http : //api.jquery.com/html/

$('.item').click( function(){
  $('#field').val($(this).html());
});

Answer 4

$('.item').click( function(){
  $('#field').val($(this).html());
});