現在の要素の直前のコントロールを対象とするjQueryセレクター

Question

現在の要素の右にある要素を選択しようとしています。現在の要素は、クリックするとハイパーリンクの直前の「ターゲット」にテキストを追加するハイパーリンクです。

これらのコントロールはasp：repeaterにあり、同じシーケンスが何度も何度も繰り返され、すべてのハイパーリンクがそのすぐ上の要素を識別できる必要があります。

は、ここに私のDOMのスクリーンショットです

私はこの方法で要素を選択する方法を知っておく必要があり

！ http://api.jquery.com/prev/を使用でき

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おかげ

Answer 2

は多分これはhttp://api.jquery.com/next/

EDITを?:します。

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

JS Fiddle demo：

またはjQueryのprev()を使用しています。

参考文献：

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

Answer 3

私はprevがあなたが望む解決策だと思います。

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

など、それを使用します：

「直後の」要素セレクタのthats

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