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
Post a Comment