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()