jQuery-селектор, который нацелен на элемент управления прямо перед текущим элементом

Question

Я пытаюсь выбрать элемент справа перед текущим элементом. Текущий элемент - это гиперссылка, которая при нажатии добавляет некоторый текст в «цель», которая находится непосредственно перед гиперссылкой.

Эти элементы управления находятся в asp: повторителе, поэтому одна и та же последовательность повторяется снова и снова, и каждая гиперссылка должна быть способна идентифицировать элемент чуть выше него.

вот мой скриншот 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.

Answer 2

Может быть, это ?: http://api.jquery.com/next/

EDIT: http://api.jquery.com/prev/

Answer 3

Я думаю, что prev - это решение, которое вы хотите. Просто, чтобы ответить на ваш вопрос, если вы хотите селектор для этого, вы можете создать его самостоятельно, как это:

$.expr[':'].prev = function(o) { 
    return $(o).prev(); 
}; 

И использовать его как:

$('a:prev').someMethod(); // which works exactly like $('a').prev().someMethod