クラスを最寄りのdivに追加

Question

これにはほとんど3時間を費やしています。何も見つかりません。

ここに私のコードです..ファイルの3別のURL。 （更新）

<div id="menu"> 
<a href="blue.php"> 
<div class="list"> 
Content_here 
</div> 
</a> 

<a href="yallow.php"> 
<div class="list"> 
Content_here 
</div> 
</a> 

<a href="black.php"> 
<div class="list"> 
Content_here 
</div> 
</a> 
</div> 

は、ここで現在のURLに

<div id="menu"> 
<a href="#"> 
<div class="list active"> 
content_here 
</div> 
</a> 
</div> 

をクラスを追加します：現在のURL上

$("#menu a").each(function(index) { 
    if($.trim(this.href) == window.location) { 
     $(this).closest('div').addClass("active"); 
    } 
}); 

ませんactiveclass。 div要素はa使用children()またはfind()メソッド内でelement.Since ...

Answer 1

closest()方法は、祖先を取得するために使用されます。

$(this).find('div').addClass("active"); 

---

またはselect it based on the this context。

---

取得するために、現在のページのURLがwindow.location.hrefを使用していますが

$('div', this).addClass("active"); 

。

$("#menu a").each(function(index) { 
    if($.trim(this.href) == window.location.href) { 
     $('div', this).addClass("active"); 
    } 
}); 

またはこれを試してみてくださいwindow.location.pathname == $(this).attr('href')

Answer 2

などの条件を使用します。

$("[url="+window.location.origin+"]").addClass("active") 

window.locationがオブジェクトではなく、私は私の質問を更新した文字列