<div>
This should work.<br />

<pre><code id="code-361295">$(document).ready(function(){
	$('a').each(
		function(){
			if($(this).attr('href')==&quot;/another-page&quot;){
			$(this).addClass(&quot;selected&quot;);
			}
	});
});
</code></pre>
</div>


This should work.


$(document).ready(function(){
	$('a').each(
		function(){
			if($(this).attr('href')=="/another-page"){
			$(this).addClass("selected");
			}
	});
});


<div>
<br />

<pre><code id="code-361300">$(&quot;li a[href='/another-page']&quot;).parent().addClass(&quot;selected&quot;)
</code></pre>
</div>





$("li a[href='/another-page']").parent().addClass("selected")


<div>
<div class="content wysiwyg-content">
Hi all,<br />
<br />
if I have the following code:<br />
<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;/some-page&quot;&gt;Some Page&lt;/a&gt;&lt;/li&gt;<br />
&lt;li&gt;&lt;a href=&quot;/another-page&quot;&gt;Anoth<wbr />er Page&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
<br />
How can I use jQuery to add the class &quot;selected&quot; to the li based on the href=&quot;/another-page&quot;.<br />
<br />
So jQuery scans the list, if the href value equals &quot;/another-page&quot; then add the selected class to the li element so I would then have the following code:<br />
<br />
&lt;ul&gt;<br />
&lt;li&gt;&lt;a href=&quot;/some-page&quot;&gt;Some Page&lt;/a&gt;&lt;/li&gt;<br />
&lt;li class=&quot;selected&quot;&gt;&lt;a href=&quot;/another-page&quot;&gt;Anoth<wbr />er Page&lt;/a&gt;&lt;/li&gt;<br />
&lt;/ul&gt;<br />
<br />
Thanks for your help.<br />
<br />
GW.
</div>
</div>


Hi all,

if I have the following code:

<ul>
<li><a href="/some-page">Some Page</a></li>
<li><a href="/another-page">Another Page</a></li>
</ul>

How can I use jQuery to add the class "selected" to the li based on the href="/another-page".

So jQuery scans the list, if the href value equals "/another-page" then add the selected class to the li element so I would then have the following code:

<ul>
<li><a href="/some-page">Some Page</a></li>
<li class="selected"><a href="/another-page">Another Page</a></li>
</ul>

Thanks for your help.

GW.

jQuery to add class to link list item based on href value

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.