์ธํŒŒ

You Can Become A

Pr

๋Šฆ๊ฒŒ ์‹œ์ž‘ํ•ด๋„ ๋ˆ„๊ตฌ๋“ ์ง€ ๋…ธ๋ ฅํ•˜๋ฉด ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ ์ˆ˜ ์žˆ์–ด์š” !

์ œ์ด์ฟผ๋ฆฌ index

๊ณต๋ถ€ํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•ฉ๋‹ˆ๋‹ค
JQuery

๐Ÿ“š jQuery ์š”์†Œ ์ธ๋ฑ์Šค(index) ๋„˜๋ฒ„ ๊ตฌํ•˜๊ธฐ

JQuery์—์„œ ์š”์†Œ ์ต๋ฑ์Šค ๊ตฌํ•˜๊ธฐ ๊ฐ™์€ ํƒœ๊ทธ ์š”์†Œ๋“ค์ด ์—ฌ๋Ÿฌ๊ฐœ ์žˆ๋Š”๋ฐ, ์ด๋“ค์˜ ์ต๋ฑ์Šค๋ฅผ ๊ตฌํ•ด์„œ ์ˆœ์„œ๋กœ ์ œ์–ดํ•˜๊ณ  ์‹ถ์„๋•Œ index() ๋ฉ”์†Œ๋“œ๋ฅผ ํ†ตํ•ด ๊ฐ€๋Šฅํ•˜๋‹ค. ๋‹ค์Œ์€ ๋˜‘๊ฐ™์€ li 5๊ฐœ์˜ ์š”์†Œ๋“ค์„ ์ธ๋ฑ์Šค๋ฅผ ํ†ตํ•ด ํŠน์ • ์š”์†Œ๋ฅผ ๊ตฌ๋ณ„ํ•˜๋Š” ์˜ˆ์ œ์ด๋‹ค. 1 2 3 4 5 6 /* ๊ฐ™์€ ์ด๋ฆ„์˜ li.papers ์š”์†Œ๋“ค์—๊ฒŒ ๊ฐ๊ฐ ํด๋ฆญ ์ด๋ฒคํŠธ๋“ค์„ ๋“ฑ๋กํ•ด์ค€๋‹ค. */ $(".test > ul > li").click(function () { // ๋งŒ์ผ li ์š”์†Œ๋ฅผ ํด๋ฆญํ•œ๋‹ค๋ฉด, ๊ทธ ํด๋ฆญํ•œ ํ˜•์ œ์š”์†Œ ๊ฐ„์˜ ์ธ๋ฑ์Šค ์ˆœ์„œ๋ฅผ ๊ตฌํ•ด ๋ฐ˜ํ™˜ํ•ด์ค€๋‹ค. let num = $("li").index(this); $('.result > p > span').text(num + 1); }); See the Pen jquery index by barzz12 (..

category_image
์ธํŒŒ_
2022.07.02
(0)