javascript - 如何取得點擊事件點擊後前一個後一個的值。

Question

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，該如何操作？

#

Answer 1

雷雷

Answer 2

謝謝，你這種方法很好，在元素，及相鄰的元素設定一個index的屬性，我看明白了
我現在是這樣寫的，不過還要出來，如何讓點第一個的時候出現第四個圖

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