当我单击图像时,我想存储该特定图像 src
在 JavaScript 变量中。我怎样才能做到这一点?请记住<a>
标签用于悬停效果。所以当我点击 <a>
我想要它的兄弟的图像源。
演示:http://jsfiddle.net/FVrTg/2
<div>
<img src = "http://upload.wikimedia.org/wikipedia/commons/thumb/2/26/YellowLabradorLooking_new.jpg/260px-YellowLabradorLooking_new.jpg"/>
<a href = "#"></a>
</div>
<div>
<img src = "http://whatiscat.com/wp-content/uploads/2011/07/cute_cat_2.whatiscat.com_.jpg"/>
<a href = "#"></a>
</div>
最佳答案
$("a").on("click", function() {
alert ( $(this).siblings("img").attr("src") );
});
...
更新
仅限 JS - http://jsfiddle.net/FVrTg/7/
var links = document.getElementsByTagName("a");
var size = links.length;
for ( var i = 0; i < size; i++ ) {
links[i].addEventListener("click", function() {
alert( this.previousSibling.previousSibling.getAttribute("src") );
}, false);
}
关于javascript - 将 img src 存储在 JavaScript 变量中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11286503/