티스토리 뷰

js

[jQuery]동적 append 후 .find() .remove()

나뜨루다 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);