यूएल में वर्तमान यूआरएल से वर्तमान यूआरएल से मिलान करने के लिए jQuery का उपयोग करें और

से मिलान होने पर कक्षा जोड़ें, मेरे पास गतिशील रूप से निर्मित यूएल है। मैं वर्तमान यूआरएल का उपयोग करने के लिए jQuery का उपयोग करना चाहता हूं, एक निर्दिष्ट यूएल के माध्यम से खोजना चाहता हूं और मिलान करने वाले href के साथ कोई ली ढूंढ सकता हूं। यदि कोई पाया जाता है तो कक्षा "current_page" जोड़ें।यूएल में वर्तमान यूआरएल से वर्तमान यूआरएल से मिलान करने के लिए jQuery का उपयोग करें और

मैं इसके साथ आया लेकिन यह चाल नहीं लग रहा है।

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

स्रोत

2010-07-11 Dan

आप window.location साथ खेल सकते हैं जो वर्तमान पृष्ठ URL और भी विंडो स्थान

स्रोत

2010-07-11 12:17:40

बहुत बढ़िया की href संपत्ति वापस आ जाएगी! कभी भी सबसे तेज़ जवाब बन गया! मैंने .pathname को .href में बदल दिया और यह बिल्कुल आवश्यकतानुसार काम करता है। धन्यवाद। – Dan

document.location.pathname मेरे लिए काम किया। window.location.href नहीं किया था। लाइव डेमो के लिए – 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>

स्रोत

2012-04-24 11:26:25 Thulasiram

इस लिंक को देखें: http://jsfiddle.net/nanoquantumtech/M42nR/ – Thulasiram

(var windowLocationPathname = "/HTMLPage16.htm";) यह केवल परीक्षण उद्देश्य के लिए है। उस पंक्ति का उपयोग करें (var windowLocationPathname = window.location .pathname;) – Thulasiram

यूएल में वर्तमान यूआरएल से वर्तमान यूआरएल से मिलान करने के लिए jQuery का उपयोग करें और

उत्तर

संबंधित मुद्दे