javascript - 如何獲取點擊事件點擊后前一個后一個的值。
問題描述
for (var i = 0; i < pic.length; i++) {pic[i].onclick = function () { var aA = this.getAttribute('href'); return false;} }
已經(jīng)for循環(huán)遍歷綁定點擊事件,點擊圖片一的時候,已經(jīng)可以獲取到標簽里面href的值(備注:href是A標簽里面額跳轉(zhuǎn)鏈接,return false是為了不跳轉(zhuǎn)),現(xiàn)在我想獲取到點擊當前圖案時候,上一個標簽和下一個標簽的href的值,讓中間圖片顯示圖案一,,左邊圖案顯示圖案4,右邊圖案顯示圖案2,該如何操作?

問題解答
回答1:for (var i = 0; i < pic.length; i++) { pic[i].index=i; pic[i].onclick = function () {var aA = this.getAttribute('href');//如果當前是第一個,沒有上一個,值獲取下一個if(this.index===0){ var aANext=pic[this.index-1].getAttribute('href');}//如果當前是最后一個,沒有下一個,只獲取上一個else if(this.index===pic.length-1){ var aAPrev=pic[this.index-1].getAttribute('href');}//否則上下都獲取else{ var aAPrev=pic[this.index-1].getAttribute('href'); var aANext=pic[this.index-1].getAttribute('href');}return false; }}回答2:
謝謝,你這種方法很好,在元素,及相鄰的元素設置一個index的屬性,我看明白了我現(xiàn)在是這樣寫的,不過還要出來,如何讓點第一個的時候出現(xiàn)第四個圖<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>
相關(guān)文章:
1. golang - 用IDE看docker源碼時的小問題2. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?3. 前端 - @media query 使用出現(xiàn)的問題?4. docker - 如何修改運行中容器的配置5. 運行python程序時出現(xiàn)“應用程序發(fā)生異常”的內(nèi)存錯誤?6. 我何時應該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)7. phpstudy8.1沒集成mysql-front8. 利用IPMI遠程安裝centos報錯!9. html5和Flash對抗是什么情況?10. docker-machine添加一個已有的docker主機問題

網(wǎng)公網(wǎng)安備