javascript - 如何使用javascript获取上一个和下一个兄弟id

Question

我想做的是，我使用箭头键将焦点设置到下一个/上一个选项卡。 我正在使用 javascript .focus() 方法使用 ID 将焦点设置到元素上。

我正在获取事件选项卡 ID，但我需要获取上一个和下一个选项卡 ID，以便我可以设置焦点。 但我无法获取上一个和下一个选项卡 ID

当我尝试时，出现Cannot read property 'id' of null 错误。

这是我尝试过的。

initEvents: 函数(){ this.callParent(参数);

var keyNav = new Ext.util.KeyMap({
    target: this.el,
    binding: [{
            key: Ext.EventObject.LEFT,
            fn: this.handleKeys.bind(this)
        }, {
            key: Ext.EventObject.RIGHT,
            fn: this.handleKeys.bind(this)
        }
    ],
    scope: this
});

},

handleKeys: function(keyCode, event) {
    var currentElement = event.getTarget(), targetEl = Ext.get(event.getTarget()),currentElementId = event.getTarget().id, nextElement = document.getElementById(currentElementId).nextElementSibling.id,previousElement = document.getElementById(currentElementId).previousElementSibling.id;
    if (event.keyCode === Ext.EventObject.LEFT)
    {
        getElementById(previousElement).focus();
    }
    else if (event.keyCode === Ext.EventObject.RIGHT){
        getElementById(nextElement).focus()
    }
},

选项卡示例 here

Answer 1

如果我做对了，这行得通

elem.previousSibling
elem.nextSibling