프로그래밍 언어/JQuery

Element 찾기 (3)

벌게진눈 2016. 2. 3. 16:47
반응형
1  <ul id="indexFind">
  • 1-1
  • 1-2
  • 1-3
  • 1-4
  • 1-5  <li class="notFind"><p>1-5</p></li>

  • 1-6
  • 1-7
1. eq 필터 셀렉터


$(function(){
$('#indexFind > li:eq(3)').css('color', 'red');
});


2. gt 필터 셀렉터


$(function(){
$('#indexFind > li:gt(3)').css('color', 'red');
});


3. lt 필터 셀렉터


$(function(){
$('#indexFind > li:lt(3)').css('color', 'red');
});

4. has 필터 셀렉터



$(function(){
$('#indexFind > li:has(p)').css('color', 'red');
});

5. not 필터 셀렉터

$(function(){
$('#indexFind > li:not(.notFind)').css('color', 'red');
});






반응형

'프로그래밍 언어 > JQuery' 카테고리의 다른 글

Element 찾기 (2)  (0) 2016.02.03
Jquery 란?  (0) 2016.02.02
Element 찾기 (1)  (0) 2016.02.02
자바스크립트로 HTML컨탠츠 변경  (0) 2016.02.01
클릭하면 이미지가 바뀌는것 자바스크립트로 구현  (0) 2016.01.29