How to delete all elements under a node in jquery

Method to delete all elements under a node: 1. Use find() to obtain all subset elements under the node (including subsets of subsets), the syntax is "specify node object.find("*") "; 2. Use remove() to delete the obtained elements (including all text and sub-nodes), the syntax is "acquired element set.remove()".

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

jquery method of deleting all elements under a node

Implementation idea:

• Use find( ) method to obtain all subset elements (including subsets of subsets) under the node

• Use the remove() method to delete all obtained subset elements

Implementation code:

	
		
		
		

		
	


	
		
div (父节点)
			
ul (指定元素)
				
li (子节点1)
					span (孙节点1)
				
				
li (子节点2)
					span (孙节点2)
				
				
li (子节点3)
					span (孙节点3)
				
			
		
		删除ul节点下所有元素
	

Description:

• find() method returns the selected element The descendant element of (descendants are children, grandchildren, great-grandchildren, and so on.).

  The find() method traverses all paths down the DOM element's descendants to the last descendant ().
  

• #The remove() method removes the selected elements, including all text and child nodes. This method also removes data and events from the selected element.

【Recommended learning: jQuery video tutorial, web front-end video】

The above is the detailed content of How to delete all elements under a node in jquery. For more information, please follow other related articles on the PHP Chinese website!