How to add class to href in list using jQuery?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • ziycon
    Contributor
    • Sep 2008
    • 384

    How to add class to href in list using jQuery?

    I'm trying to use jQuery to add a class to a link when there is a UL in the LI the link is in so say I have the below.
    Code:
    <ul>
    <li><a href="#">link 1</a></li>
    <li><a href="#">link 2</a>
      <ul>
        <li><a href="#">link 2.1</a></li>
        <li><a href="#">link 2.2</a></li>
      </ul>
    </li>
    <li><a href="#">link 3</a></li>
    <ul>
    Code:
    $(document).ready(function() {
      $("ul li:has('ul')").each(function() {
    	$(this).("a").addClass("sublink"); });
    });
    So it should look like:
    Code:
    <ul>
    <li><a href="#">link 1</a></li>
    <li><a class="sublink" href="#">link 2</a>
      <ul>
        <li><a href="#">link 2.1</a></li>
        <li><a href="#">link 2.2</a></li>
      </ul>
    </li>
    <li><a href="#">link 3</a></li>
    <ul>
  • JKing
    Recognized Expert Top Contributor
    • Jun 2007
    • 1206

    #2
    That will add the class sublink to the <a> tag in a <li> that has a <ul> in it.

    Code:
     $("ul li:has(ul) a:first").addClass("sublink");

    Comment

    Working...