以前のアンカータグを選択してjQueryでクラスを追加する

Question

基本的に、divで区切られた2つのアンカータグがあります。

<a class="foo"></a> 

<div class="count">0</a> 

<a class="bar"></a> 

と、私はこのような何かをやっている：

 var addClass = $(this).parent().children('a:first-child').addClass('new'); 

それはそのようにのように最初のアンカータグに追加します：

<a class="foo new"></a> 

私はn番目を使用して知っている：子供をセレクタはかなり高価ですので、前のアンカーノードを選択する簡単な方法があるかどうかは疑問でした（2番目のノードを無視しています）。

Answer 1

を行うことができ、またこの

$(this).parent().children('a:eq(0)').addClass('new'); 

Learn more about :eq()

を行うことができます（firstがちょうどeq(0)   —を呼び出しますが、私はfirstより読み見つけるために、またはeq(0)）私はおそらくfirstとprevAllを組み合わせたい：要素の前の兄弟のすべて

$(this).prevAll("a").first().addClass("new"); 
// or 
$(this).prevAll("a").eq(0).addClass("new"); 

prevAllリターンを、順番に最も近い兄弟で始まりますもちろん、first/eq(0)は、セットを最初の要素に還元します。

あなたは、兄弟の不要なリストを構築避けるためにprevAllで:firstセレクターを使用するように誘惑されるかもしれないが、to my surprise it works betterは事後firstを使用します。 jQueryのtraversal方法はあなたに多くの方法を与える

$(this).prev().addClass(0); 

：

$(this).siblings('a').eq(0).addClass(0); 

実際には、あなたの構成はあなたの例のように単純である場合、あなただけの簡単な操作を行うことができます。どの程度

Answer 2

あなたは<a>と<div>の間に要素がない場合、あなたは

$(this).prev('a'); 

Learn more about .prev()

Answer 3

任意の目的地に着く。