Jquery에서 모든 li 요소를 삭제하는 방법

삭제 방법: 1. find()를 사용하여 문서의 모든 li 요소를 선택하고, "$("body").find("li")" 구문을 사용하여 모든 li 요소를 포함하는 jQuery 객체를 반환합니다. 제거()를 사용하십시오. "JQ object.remove()" 구문을 사용하여 li 요소와 모든 내용을 삭제하십시오.

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

모든 li 요소를 삭제하는 jquery 메서드

1. 문서의 모든 li 요소를 선택합니다.

$("body").find("li")

• 는 본문 아래의 모든 li 하위 요소를 선택하는 것을 의미합니다.
  

다음을 포함하는 목록을 반환합니다. 모든 li 요소 jQuery 개체

2. 지정된 요소를 삭제하려면 제거()를 사용하세요.

remove( ) 메서드는 요소와 그 안에 있는 모든 콘텐츠를 삭제할 수 있습니다.

구현 예:

	
		
		
		

		<script>
			$(document).ready(function() {
				$("button").on("click", function() {
					$(&quot;body&quot;).find(&quot;li&quot;).remove();
				});
			});
		</script>
	


	
		
div节点
			
ul节点
				
li 节点1
					span 节点1
				
				
li 节点2
					span 节点2
				
				
li 节点3
					span 节点3
				
			
		
		
div节点
			
ol节点
				
li 节点1
					span 节点1
				
				
li 节点2
					span 节点2
				
				
li 节点3
					span 节点3
				
			
		
		删除所有li元素
	

[권장] 학습: jQuery 비디오 튜토리얼, 웹 프론트엔드 비디오】

위 내용은 Jquery에서 모든 li 요소를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!