๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ถ€์„œ1

jquery .sort() ์š”์†Œ ์ด๋™ํ•˜๋ฉด์„œ ์ œ์ด์ฟผ๋ฆฌ ์†ŒํŠธ ์ •๋ ฌํ•˜๊ธฐ โœˆ jquery .sort()๋ฅผ ํ™œ์šฉํ•œ ์š”์†Œ ์ด๋™๊ณผ ์†ŒํŠธ ์ •๋ ฌ ์•ˆ๋…•ํ•˜์„ธ์š”! ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” jQuery์˜ .sort() ํ•จ์ˆ˜๋ฅผ ํ™œ์šฉํ•˜์—ฌ ์š”์†Œ๋ฅผ ์ด๋™ํ•˜๊ณ  ๋™์‹œ์— ์†ŒํŠธ ์ •๋ ฌํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์ด ๊ธฐ์ˆ ์€ ๋ถ€์„œ๋‚˜ ํŠธ๋ฆฌ๊ตฌ์กฐ์˜ ๋ชฉ๋ก์—์„œ ํ•ญ๋ชฉ์„ ๋‹ค๋ฅธ ์œ„์น˜๋กœ ์ด๋™ํ•˜๋ฉด์„œ ์ •๋ ฌ์„ ์œ ์ง€ํ•˜๊ณ ์ž ํ•  ๋•Œ ์œ ์šฉํ•˜๊ฒŒ ํ™œ์šฉ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ดํ•ด๋ฅผ ๋•๊ธฐ ์œ„ํ•ด ๊ฐ„๋‹จํ•œ ์˜ˆ์‹œ์™€ ํ•จ๊ป˜ ์ฝ”๋“œ๋ฅผ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ์˜ˆ์‹œ: ๋ถ€์„œ ์ด๋™๊ณผ ์†ŒํŠธ ์ •๋ ฌ ์ œ์‹œ๋œ ์˜ˆ์‹œ์—์„œ๋Š” '๋ถ€์„œ๋ชฉ๋ก'๊ณผ '์„ ํƒ๋œ ๋ถ€์„œ'๋ผ๋Š” ๋‘ ๊ฐœ์˜ ๊ทธ๋ฃน์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ทธ๋ฃน๋“ค์€ UL๊ณผ LI ์š”์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์„ฑ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฐ ๋ถ€์„œ๋Š” ๋ฐ์ดํ„ฐ ์†์„ฑ data-sid๋ฅผ ํ†ตํ•ด ์‹๋ณ„๋ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉ์ž๊ฐ€ '๋ถ€์„œ๋ชฉ๋ก'์˜ ๋ถ€์„œ๋ฅผ ์„ ํƒํ•˜๋ฉด ํ•ด๋‹น ๋ถ€์„œ๊ฐ€ '์„ ํƒ๋œ ๋ถ€์„œ'๋กœ ์ด๋™ํ•˜๊ฒŒ ๋˜๋ฉฐ, ์ด๋™๋œ ํ›„.. 2020. 1. 13.