Javascript 从Div中获取图像文件名,并复制到按钮悬停时的文本字段中
在id为#prlogo的div中,我有一个am图像。当我将鼠标悬停在id为button的按钮上时,我需要将服务器上图像的文件名或位置复制到id为input 2 16的文本文件中 听起来很简单,但我一直在努力做到这一点 Div html:Javascript 从Div中获取图像文件名,并复制到按钮悬停时的文本字段中,javascript,jquery,forms,function,button,Javascript,Jquery,Forms,Function,Button,在id为#prlogo的div中,我有一个am图像。当我将鼠标悬停在id为button的按钮上时,我需要将服务器上图像的文件名或位置复制到id为input 2 16的文本文件中 听起来很简单,但我一直在努力做到这一点 Div html: <div id="prlogo" class="prlogo"><img class="logoplace" src="../preview/logo-place.png"/> </div> Miro没有
<div id="prlogo" class="prlogo"><img class="logoplace" src="../preview/logo-place.png"/>
</div>
Miro没有更多的上下文,使用jQuery
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() { //this anonymous function will run when the page is ready
$("#button").hover(function() {
//mouse enter
var imgSrc = $("#prlogo img").attr("src");
//assumes there is an <img /> tag as a child of the #prlogo div
$("#input_2_16").val(imgSrc);
},function() {
//mouse leave
});
});
</script>
$(function(){//此匿名函数将在页面准备就绪时运行
$(“#按钮”).hover(函数(){
//鼠标进入
var imgSrc=$(“#prlogo img”).attr(“src”);
//假设有一个
如果你不想在鼠标离开时做任何事情,你可以改为做
$("#button").mouseenter(function() {
//mouse enter
var imgSrc = $("#prlogo img").attr("src");
//assumes there is an <img /> tag as a child of the #prlogo div
$("#input_2_16").val(imgSrc);
});
$(“#按钮”).mouseenter(函数(){
//鼠标进入
var imgSrc=$(“#prlogo img”).attr(“src”);
//假设有一个如果我读对了,它会是这样的:
$( function () {
$( '#button' ).mouseover( function () {
var src = $( '#prlogo img' ).attr( 'src' );
$( '#input_2_16' ).val( src );
} );
} );
如果需要跨DOM的多个级别,请使用.find代替.children
$('#button').on('hover', function(){
$('#input_2_16').val($('#prlogo').children('img').attr('src'));
});
你能给我们div的html和文本字段吗?图像是div的子对象,还是div的背景?只是添加了div的html。不是背景图像…子对象。在你发布所有涉及的html之前,我们无法确定我们是否给了你正确的答案。如果你想要更多帮助,你可以发布你尝试的所有代码idn不起作用,人们可能会精确地指出你的错误所在。那太好了,谢谢……不过唯一的一点是,按钮的输入id是button,而不是div id。有什么想法吗?哦,这是一个输入按钮?然后你可以将选择器更改为$('input[type=button]”)
太好了,谢谢……不过唯一的一点是,按钮的输入id是button,而不是div id。有什么想法吗?嗯?当您使用id=“button”将鼠标移动到任何元素上时,将触发此鼠标输入/悬停事件
它似乎不起作用…它只在我放置一个类而不是一个id时起作用你有多个id相同的元素吗?因为这是不允许的。这是我唯一能想到的使代码不起作用的事情。不,这是唯一一个id相同的元素…我也不知道…这就是为什么我一直在胡思乱想。。。