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());
});

如何使用jquery </li>在<li>标签内拾取字符串

4 个答案: