javascript - Bagaimana untuk mendapatkan nilai sebelumnya dan seterusnya acara klik.

Question

{Kod...} Gelung for telah dilalui untuk mengikat peristiwa klik Apabila anda mengklik pada gambar 1, anda sudah boleh mendapatkan nilai href dalam label (nota: href ialah pautan lompat dalam label A, dan return false adalah untuk mengelakkan melompat ), sekarang saya ingin mendapatkan label sebelumnya dan label seterusnya apabila corak semasa diklik...

PHP中文网 · Answer

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;
    }
}

天蓬老师 · Answer

Terima kasih, kaedah anda sangat bagus Anda menetapkan atribut indeks pada elemen dan elemen bersebelahan saya faham
Begini cara saya menulisnya sekarang, tetapi saya masih perlu memikirkan cara untuk memaparkannya gambar keempat

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;
    }
}