2013-10-29 101 views
-2

如何將返回的函數值存儲在'x'中?我需要這個,因爲我想在圖像上使用懸停功能,並且各圖像的src會有所不同。jquery變量訪問html

<script> 
var x; 
$(document).ready(function(){$(":image").attr("src"); 
alert(x); 
}); 
</script> 
</head> 
<body> 

<form action=""> 
Name: <input type="text" name="user"><br> 
Password: <input type="password" name="password"><br> 
Compatible: <input type="image" src="compatible_ie.gif" width="31" height="30"> 
</form> 
+0

什麼是你想真正做? 'x'甚至沒有設置! ( –

+0

)這個函數什麼也沒有返回,無論如何,你想追加那個變量, – super

+0

'var x = $(「:image」)。attr(「src」);'如果我想得到你想要的結果 – Igle

回答

0

檢查一下我希望你能明白怎麼做。
HTML:

<div> 
    <img src="http://web.utk.edu/~ihouse/wp-content/uploads/icon-smiley.jpg" alt="Image" class="big" /> 
</div> 

<img src="http://icons.iconseeker.com/png/fullsize/scrap/smiley-grin.png" alt="Image" class="small" /> 
<img src="http://www.skinbase.org/files/archive/shots/638/Az-Smiley-Face-Icon.jpg" class="small"/> 

腳本:

$(document).ready(function() { 
    var oldSrc = null; 
    $(".small").hover(function(){ 
     // get the src of hovered image 
     var src= $(this).attr('src'); 
     //get the big image src and store it in the global variable. 
     oldSrc = $(".big").attr('src'); 
     //set the hovered image src into the big one. 
     $(".big").attr('src',src) 
    }, function() { 
     // reset the big image 
     $(".big").attr("src" , oldSrc); 
    }); 
}); 

入住這Fiddle

+0

謝謝@bios – Mallikarjun

+0

@Mallikarjun:我已經更新了答案。 – super

+0

謝謝你的BIOS,但我還有一個小小的疑問,,,知道一切都很好。如何修復圖像(大班)這是選擇從小班編輯? – Mallikarjun

1

好了,在情況下,如果你想改變懸停的形象,我認爲,那你就需要使用這樣的事情:

<img src="img1.jpg" alt="Image" class="hover" /> 
<img src="img2.jpg" alt="Image" class="hover" /> 
<img src="img3.jpg" alt="Image" class="hover" /> 

對這些懸停的形象,說img1a.jpgimg2a.jpgimg3a.jpg,你可以打電話給他們這樣說:

$(document).ready(function(){ 
    $(".hover").hover(function(){ 
     var a = $this.attr("src") 
     $(this).attr("src", $(this).data("src")); 
     $(this).data("src", a); 
    }, function(){ 
     var a = $this.data("src") 
     $(this).data("src", $(this).attr("src")); 
     $(this).attr("src", a); 
    }); 
}); 
+0

thanq praveen .. – Mallikarjun

+0

當然,如果這有助於你,不要忘記接受答案。 –

0

我想你想src屬性的值。 只需將其存儲在一個變量中並隨時隨地使用即可。

<script> 
var x; 
$(document).ready(function(){var x=$("input:image").attr("src"); 
    alert(x); 
}); 
</script> 
</head> 
<body> 

<form action=""> 
    Name: <input type="text" name="user"><br> 
Password: <input type="password" name="password"><br> 
Compatible: <input type="image" src="compatible_ie.gif" width="31" height="30"> 
</form> 
</body> 
+0

thanq Shoiab ... – Mallikarjun

+0

如果你覺得這個答案是合適的,那麼不要忘記接受作爲回答 –