javascript - 如何獲取點(diǎn)擊事件點(diǎn)擊后前一個(gè)后一個(gè)的值。
問題描述
for (var i = 0; i < pic.length; i++) {pic[i].onclick = function () { var aA = this.getAttribute('href'); return false;} }
已經(jīng)for循環(huán)遍歷綁定點(diǎn)擊事件,點(diǎn)擊圖片一的時(shí)候,已經(jīng)可以獲取到標(biāo)簽里面href的值(備注:href是A標(biāo)簽里面額跳轉(zhuǎn)鏈接,return false是為了不跳轉(zhuǎn)),現(xiàn)在我想獲取到點(diǎn)擊當(dāng)前圖案時(shí)候,上一個(gè)標(biāo)簽和下一個(gè)標(biāo)簽的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');//如果當(dāng)前是第一個(gè),沒有上一個(gè),值獲取下一個(gè)if(this.index===0){ var aANext=pic[this.index-1].getAttribute('href');}//如果當(dāng)前是最后一個(gè),沒有下一個(gè),只獲取上一個(gè)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:
謝謝,你這種方法很好,在元素,及相鄰的元素設(shè)置一個(gè)index的屬性,我看明白了我現(xiàn)在是這樣寫的,不過還要出來,如何讓點(diǎn)第一個(gè)的時(shí)候出現(xiàn)第四個(gè)圖<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源碼時(shí)的小問題2. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.3. docker-compose中volumes的問題4. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗!5. docker內(nèi)創(chuàng)建jenkins訪問另一個(gè)容器下的服務(wù)器問題6. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題!!7. docker容器呢SSH為什么連不通呢?8. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?9. docker不顯示端口映射呢?10. mac里的docker如何命令行開啟呢?

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