javascript - Hide all li tags with jquery - Stack Overflow

admin管理员组

文章数量:1324621

Please help me to plete my code. I want to hide all <li> tags on body onload.

$(document).ready(function () {
$('li > ul').hide();    
});

Please give me the right variant for the code!

Please help me to plete my code. I want to hide all <li> tags on body onload.

$(document).ready(function () {
$('li > ul').hide();    
});

Please give me the right variant for the code!

• javascript
• jquery
• hide
• html-lists

Share Improve this question Follow edited Mar 19, 2011 at 23:29 Hussein 42.8k2525 gold badges115115 silver badges143143 bronze badges asked Mar 19, 2011 at 6:52 Avaz Avaz 2911 silver badge66 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

It's ul > li, not li > ul

$(document).ready(function () { $('ul > li').hide(); });

$(function(){
  $('li').hide()
})

This will search and hide every <li> tag on the page. It is better to narrow down the search to improve performance Ex: $('#mydiv li') where mydiv is the id of the ul tag <ul id="mydiv">.

本文标签： javascriptHide all li tags with jqueryStack Overflow