javascript - Select multiple li's and it's first child using jquery -


am trying add onclick event tag of particular li's under ul id #nav.

html structure:

<ul id="nav">     <li><a href="#">link1</a></li>     <li>         <a href="#">link2</a>         <ul>             <li><a href="#">innerlink1</a></li>             <li><a href="#">innerlink2</a></li>         </ul>     </li>     <li><a href="#">link3</a></li>     <li>         <a href="#">link4</a>         <ul>             <li><a href="#">innerlink1</a></li>             <li><a href="#">innerlink2</a></li>         </ul>     </li> </ul> 

jquery

$( document ).ready(function() {     $("ul#nav li").eq(1).children().first().click(function(){         $(this).attr('onclick', 'return false;');         return false;     });     $("ul#nav li").eq(5).children().first().click(function(){         $(this).attr('onclick', 'return false;');         return false;     }); }); 

if see, writing jquery twice select element of li item has got ul inside , add onclick event it. working fine. there way reduce code , make more clean?

so don't want li contains ul child fire click event think this

$('#nav li:has(>ul)').click(function (event) {     event.preventdefault();     alert('click'); }); 

fiddle can found here: http://jsfiddle.net/552t4/3/


Comments

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

c# - Access objects in UserControl from MainWindow in WPF -

javascript - How to name a jQuery function to make a browser's back button work? -