js

[jQuery]๋™์  append ํ›„ .find() .remove()

natrue 2021. 11. 19. 13:41
728x90
<ul class="divUl"></ul>โ€‹

ul์— ๋™์ ์œผ๋กœ li๋ฅผ append ์‹œํ‚ค๊ณ  3์ดˆ์•ˆ์— ๊ฐ๊ฐ์˜ li ํƒœ๊ทธ๋ฅผ .remove() ์‹œํ‚จ๋‹ค. 

 .find() 

*๋ฐฐ์—ด์—์„œ ํŠน์ • ๊ฐ’์„ ์ฐพ๋Š” ์กฐ๊ฑด์„ callback ํ•จ์ˆ˜๋ฅผ ํ†ตํ•ด ์ „๋‹ฌํ•˜์—ฌ, ์กฐ๊ฑด์— ๋งž๋Š” ๊ฐ’ ์ค‘ ์ฒซ๋ฒˆ์งธ ๊ฐ’์„ ๋ฆฌํ„ด 

๋งŒ์•ฝ ๋ฐฐ์—ด์— ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š” ๊ฐ’์ด ์—†์œผ๋ฉด undefined๋ฅผ ๋ฆฌํ„ด 

var ul = $(".divUl");
var li = $('<li>์ƒˆ๋กœ์šด Q๏ผ†A๊ฐ€ ๋“ฑ๋ก๋˜์—ˆ์Šต๋‹ˆ๋‹ค.</li>');

ul.append(li);

setTimeout(function(){ 
  $(".ul").find(li).remove();
}, 3000);