jquery - onclick复制到文本框

Question

我正在尝试将无序列表中的列表项中的文本复制到文本框。

<div class='this_section_is_created_dynamically_and_repeats_up_to_99_times'>
<label>Serial</label>
<input name="part" class= "part" type="text">
<ul>
    <li class="pattern"><a href="#" class="clickme">test1</a></li>
    <li class="pattern"><a href="#" class="clickme">test2</a></li>
</ul> 

<script>

$('.clickme').live('click', function() {                

            alert($(this).text());  // this works
        // try to copy value clicked to input box. these do not work
        $(this).prevAll('[input:text]').val($(this).text()); 
        $(this).prev(":text").val($(this).text()); 
    });     

Answer 1

prev() 和 prevAll() 查看同级。输入是您的 ul 的同级，它是您的 li 的父级，而 li 是您的 anchors 的父级：

这些应该有效：

$(this).parent().parent().prev("input:text").val($(this).text());

或者：

$(this).parents('ul').first().prev('input:text').val($(this).text());

你也可以给你的input一个id，然后直接选择它，而不是遍历DOM。

附言。您应该关闭输入标签：

Answer 2

试试这个。

$('.clickme').live('click', function(e) {
    $(".part").val($(this).html()); 
});

您可以通过引用元素的 id 或类来缩短查询。
另外，您可以尝试类似的方法来获取特定元素...

$('.clickme').live('click', function(e) {
    $(this).parent().parent().prev().val($(this).html());
});

这将转到目标元素（a）的父级（li），然后是该元素的父级（ul），然后是该元素的前一个兄弟（输入）。