jQuery 选择器将当前元素之前的控件作为目标

Question

我正在尝试选择当前元素之前的元素。当前元素是一个超链接，单击该超链接时会将一些文本附加到超链接之前的“目标”。

这些控件位于 asp:repeater 中，因此相同的序列会一遍又一遍地重复，并且每个超链接都应该能够识别其上方的元素。

这是我的 DOM 屏幕截图

我只需要知道如何以这种方式选择元素!谢谢

Answer 1

您可以使用previousSibling:

var as = document.getElementsByTagName('a');

for (var i=0, len=as.length;i<len;i++){
    as[i].onclick = function(e){
        e.preventDefault();
        var previous;
        if (this.previousSibling.nodeName == '#text') {
            // the previousSibling was a textnode, comprising of the whitespace between elements
            previous = this.previousSibling.previousSibling;
        }
        else {
            previous = this.previousSibling;
        }
        previous.style.backgroundColor = 'yellow';
    };
}

JS Fiddle demo .

或者使用 jQuery 的 prev():

$('a').click(
    function(e){
        e.preventDefault();
        $(this).prev('div').css('background-color','yellow');
    });

JS Fiddle demo .

引用文献:

• event.preventDefault() .
• nodeName .
• prev() .
• previousSibling .