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