Javascript JS:选择div';s href';s并将href的文本应用于输入
我有一个名为#div1的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的选项时,这怎么可能呢
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>