javascript - 如何获取点击事件点击后前一个后一个的值。
本文介绍了javascript - 如何获取点击事件点击后前一个后一个的值。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
for (var i = 0; i < pic.length; i++) {
pic[i].onclick = function () {
var aA = this.getAttribute("href");
return false;
}
}
已经for循环遍历绑定点击事件,点击图片一的时候,已经可以获取到标签里面href的值(备注:href是A标签里面额跳转链接,return false是为了不跳转),现在我想获取到点击当前图案时候,上一个标签和下一个标签的href的值,让中间图片显示图案一,,左边图案显示图案4,右边图案显示图案2,该如何操作?
解决方案
谢谢,你这种方法很好,在元素,及相邻的元素设置一个index的属性,我看明白了
我现在是这样写的,不过还要出来,如何让点第一个的时候出现第四个图
<script>
var pic = document.getElementById('pic').getElementsByTagName('a');
var pid = document.getElementById('pid').getElementsByTagName('img');
for (var i = 0; i < pic.length; i++) {
pic[i].onclick = function () {
var aA = this.getAttribute("href");
var pid = document.getElementById('pid');
pid.setAttribute("src", aA);
var aB = this.parentNode.previousSibling.firstChild.getAttribute('href')
pid.previousSibling.setAttribute('src', aB);
var aC = this.parentNode.nextSibling.firstChild.getAttribute('href')
pid.nextSibling.setAttribute('src', aC);
return false;
}
}
</script>
这篇关于javascript - 如何获取点击事件点击后前一个后一个的值。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文