JS：選擇div的href並將href文本應用於輸入

Question

我有一個名為#div1的div ，它獲得隨機值href 。 例如：

<div>
<a href="#"> Apple </a>
<a href="#"> Orange </a>
<a href="#"> Lemon </a>
<a href="#"> Banana </a>
</div>

怎么可能，當我點擊任何那些用Javascript input ＃input1時？

表格是： <input type="text" name="q" id="input1" >

非常感謝。

Answer 1

您的問題提示您希望href屬性填充input元素。

$('#div1 > a').click(function(event) {
   event.preventDefault();
   $('#input1').val($(this).attr('href'));
});

jsFiddle 。

如果您想通過href屬性獲取整個路徑，請使用this.href 。

如果這是真的，你是后面的文本節點，更換this.href以上$.trim($(this).text())

Answer 2

嘗試以下代碼在文本框中獲取檸檬，香蕉等值....
HTML：

<div1>
<a href="#"> Apple </a>
<a href="#"> Orange </a>
<a href="#"> Lemon </a>
<a href="#"> Banana </a>
</div>

    <input type="text" name="q" id="input1" >

腳本：

    <script type="text/javascript" >

        $('div1 > a').click(function(event) {
           event.preventDefault();
           $('#input1').val($(this).html());
        });

    </script>