jquery - Hide <li> nested inside two divs -
i have following html, , want target hiding first 2 <li> instances. struggling addressing <li> inside list, have multiple other lists of same class on page, want target 1 only.
as such, looking able nest jquery statement targetting <li> inside <ul class="productlist"> inside <div class="blockcontent"> inside <div class="featured">
<div class="featured" id="#featured"> <div class="blockcontent"> <ul class="productlist"> <li>product here</li> <--- hide <li>product here</li> <--- hide <li>product here</li> <li>product here</li> </ul> </div> </div> this current attempt:
$('.featured').find('ul:li(2)').hide(); how can modify hide first 2 <li> elements?
jquery's slice() function allow target specific range of elements given selector. instance hide first 2 <li>s in example, want do:
$('#featured .blockcontent ul.productlist li').slice(0, 1).hide()
Comments
Post a Comment