jQuery'yi geçerli URL ile bir UL'de eşleştirmek için kullanın ve eşleştiğinde sınıf ekle

Dinamik olarak oluşturulmuş bir UL'ye sahibim. Mevcut URL'yi kullanmak için jQuery'yi kullanmak, belirli bir UL'yi aramak ve eşleşen bir href ile herhangi bir li bulmak istiyorum. Bir bulunursa, "current_page" sınıfını ekleyin.jQuery'yi geçerli URL ile bir UL'de eşleştirmek için kullanın ve eşleştiğinde sınıf ekle

Ben bununla geldim ama hile yapmak görünmüyor.

$(document).ready(function() { 
    $("ul.nav_cat_archiveli").find("a[href='"+window.location.pathname+"']").each(function() { 
     $(this).addClass("current_page"); 
    }); 
});

kaynak

2010-07-11 Dan

Geçerli sayfa URL'sini ve ayrıca

kaynak

2010-07-11 12:17:40

Mükemmel window.location href özelliğini dönecektir hangi window.location ile oynayabilirsiniz! Şimdiye kadarki en hızlı cevap olmalı! .pathname .href olarak değiştirdim ve tam olarak gerektiği gibi çalışır. Teşekkür ederim. – Dan

document.location.pathname benim için çalıştı. window.location.href bulunamadı. Canlı demo için – Lorenzo816

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      var windowLocationPathname = "/HTMLPage16.htm"; // For testing purpose. 

      //Or 

      //var windowLocationPathname = window.location.pathname; 

      $('ul.nav_cat_archiveli').find('a[href^="' + windowLocationPathname + '"]').addClass('currentPage'); 
     }); 
    </script> 
    <style type="text/css"> 
     .nav_cat_archiveli 
     { 
      list-style: none; 
     } 

     a.currentPage 
     { 
      color: Red; 
      background-color: Yellow; 
     } 
    </style> 
</head> 
<body> 
    <ul class="nav_cat_archiveli"> 
     <li><a href="/HTMLPage14.htm">Test 1 (/HTMLPage14.htm)</a></li> 
     <li><a href="/HTMLPage15.htm">Test 2 (/HTMLPage15.htm)</a></li> 
     <li><a href="/HTMLPage16.htm">Test 3 (/HTMLPage16.htm)</a></li> 
     <li><a href="/HTMLPage17.htm">Test 4 (/HTMLPage17.htm)</a></li>   
    </ul> 
</body> 
</html>

kaynak

2012-04-24 11:26:25 Thulasiram

Bu bağlantıya bakın: http://jsfiddle.net/nanoquantumtech/M42nR/ – Thulasiram

(var windowLocationPathname = "/HTMLPage16.htm";) Bu, yalnızca sınama amaçlıdır. Bu satırın kullanımı (var windowLocationPathname = window.location .pathname;) – Thulasiram

jQuery'yi geçerli URL ile bir UL'de eşleştirmek için kullanın ve eşleştiğinde sınıf ekle

cevap

İlgili konular