.children()

by Kim Ara

HTML

<ul class="wrap01" >
  <li>모델</li>
  <li>Renegade</li>
  
  <ul class="wrap02" >
    <li>구입 문의</li>
    
    <li class="item01">서비스 센터 검색    
       <ul class="wrap03" >
        <li>세일즈 프로모션</li>
        <li>구매상담</li>
      </ul>       
    </li>  
    
    <li>전시장 검색</li>
  </ul>    
  
  <li>Cherokee</li>
  <li class="on">Compass</li>
  <li class="on">Grand Cherokee</li>
  <li class="on">Wrangler</li>
</ul>

CSS

li{list-style-type:none}

//.on{background:yellow}

JavaScript

$(document).ready(function(){

	$('ul.wrap02').children().css('color','red');
	$('ul').children('.on').css('background','green');
	$('.item01').children().css('color','blue');
  
});