๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Lect & Tip/javascript, jQuery

jQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between

by ๋‚ฏ์„ ๊ณต๊ฐ„2019 2019. 6. 24.
๋ฐ˜์‘ํ˜•

๐Ÿ“ŒjQuery selectorํ•จ์ˆ˜ slice() - start, end ๊นŒ์ง€ index ์š”์†Œ ์„ ํƒ between

1๋ฒˆ๋ถ€ํ„ฐ 10๋ฒˆ๊นŒ์ง€ ํ˜•์ œ ์š”์†Œ๋“ค์ด ์žˆ์„ ๋•Œ ์ด ์ค‘์—์„œ 2๋ฒˆ๋ถ€ํ„ฐ 5๋ฒˆ๊นŒ์ง€๋งŒ ์„ ํƒํ•ด์„œ jquery๋กœ ๋™์ž‘์„ ์‹œํ‚ค๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ์žˆ๋‹ค.

์ด๋Ÿด ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ํ•จ์ˆ˜๊ฐ€ ๋ฐ”๋กœ jquery slice()ํ•จ์ˆ˜๋‹ค.

์‚ฌ์šฉ๋ฐฉ๋ฒ•์€ ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

$('selector').slice(2,5).addClass('newClass');

์ด์™€ ๊ฐ™์ด ์‹คํ–‰ํ•˜๋ฉด, ์„ ํƒ๋œ ์š”์†Œ๋“ค์—์„œ eq(2),eq(3),eq(4),eq(5) ๊ฐ€ ์„ ํƒ๋˜์–ด์„œ addClassํ•จ์ˆ˜์— ์˜ํ•ด 'newClass'๋ผ๋Š” ํด๋ž˜์Šค๋ช…์ด ๋ถ€์—ฌ๋œ๋‹ค.

์•„ํ”„๋ฆฌ์นด BJ ๋ฐ•์†Œ์€

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€