JQuery: how to create a double.not () statement?

Question

JQuery: how to create a double.not () statement?

I have 3 layers of nested menus in <ul>

s, for example:

<div id="menu">
    <ul>
    <li><a href="somewhere.html">enu Item</a>
      <ul>
        <li><a href="somewhere.html">Menu Item 2</a>
            <ul>
               <li><a href="somewhere.html">Menu Item 3</a></li>
             </ul>
        </li>
      </ul>   
    </li>
    </ul>
</div>

I want to use Jquery to replace the first level href attribute ul

with #, but keep the href attributes in the 2nd and 3rd tags.

Ive created this script that works for 2nd level ul

but not 3rd level.

$("#menu ul li a").not("#ctamenu ul li ul a").attr("href", "#");

I've tried this:

$("#menu ul li a").not("#menu ul li ul a").not("#menu ul li ul li a").attr("href", "#")

But it doesn't work - on the third level there is href='#'

Is there a way to make the expression "double not"?

+3

javascript jquery jquery-selectors attributes

MeltingDog 18 Feb 13 at 2:13

source to share

2 answers

Depending on your situation, you might find it helpful to create an add class="first-level"

for the first level anchor tags. You can then use $('.first-level')

, which is more convenient as your menu logic becomes more level-dependent.

0

Alex williams 18 Feb At 2:51 am

source to share

Explosion pills · Accepted Answer · 2013-02-18T02:16:19+0000

The third level is nested within another one ul

you are missing, but it would be easier to use a child selector:

#menu > ul > li > a

JQuery: how to create a double.not () statement?

More articles: