-
jQuery - .slice();jQuery 2020. 6. 23. 19:13
.slice()
- 일치하는 요소의 일부분만 선택한다.
문법
.slice( start [, end ] )예를 들어
$( 'li' ).slice( 2 ).css( 'color', 'red' );는 li 요소 중 3번째부터 빨간색으로 만든다.
$( 'li' ).slice( 2, 5 ).css( 'color', 'red' );는 li 요소 중 3번재부터 5번째까지 빨간색으로 만든다.
$( 'li' ).slice( -4, -2 ).css( 'color', 'red' );는 뒤에서 4번째부터 뒤에서 3번째까지 빨간색으로 만든다.
예제
<!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>jQuery</title> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> jQuery( document ).ready( function() { $( 'ol.a li' ).slice( 2, 4 ).css( 'color', 'red' ); $( 'ol.b li' ).slice( -4, -2 ).css( 'color', 'red' ); } ); </script> </head> <body> <ol class="a"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ol> <ol class="b"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ol> </body> </html>
'jQuery' 카테고리의 다른 글
jQuery - .slideToggle() (0) 2020.06.23 jQuery - .slideDown() (0) 2020.06.23 jQuery - .scrollTop() (0) 2020.06.23 jQuery - .resize() (0) 2020.06.23 jQuery - replaceWith() (0) 2020.06.23