Javascript JS:选择div';s href';s并将href的文本应用于输入

Javascript JS:选择div';s href';s并将href的文本应用于输入,javascript,jquery,Javascript,Jquery,我有一个名为#div1的div,它的随机值为href。 例如: <div> <a href="#"> Apple </a> <a href="#"> Orange </a> <a href="#"> Lemon </a> <a href="#"> Banana </a> </div> 当我用Javascript单击任何要应用于input#input1的选项时,这怎么可能呢

我有一个名为#div1的
div
,它的随机值为
href
。 例如:

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

当我用
Javascript
单击任何要应用于
input
#input1的选项时,这怎么可能呢

表格是:


非常感谢。

您的问题提示您希望
href
属性填充
输入
元素

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

如果希望通过
href
属性查看整个路径,请使用
this.href


如果它确实是您要查找的文本节点,请将上面的
this.href
替换为
$.trim($(this.text())

尝试下面的代码以获取文本框中的值Lemon、Banana等……
HTML:


脚本:

    <script type="text/javascript" >

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

    </script>

$('div1>a')。单击(函数(事件){
event.preventDefault();
$('#input1').val($(this.html());
});

@rallyboy我用小提琴更新了。小提琴的问题是
div1!=#div1
。非常感谢。我的问题是,如果可能,我可以得到href的值。就像Apple、Orange等一样,当我单击Apple时,我在输入中得到Apple,因为Div1中的名称每次都是随机的。非常感谢again@rally男孩:将
this.href
更改为
$(this.html()
(用于值香蕉、柠檬等)或
$(this.href
)更改为hrefvalue@rallyboy文本节点不是
href
属性。请看我的答案,我的最后一句话显示了如何修改它以获得文本节点。
    <script type="text/javascript" >

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

    </script>