How to clear all child elements under an element in jquery

Clearing method: 1. Use children() to get all child elements under the specified element. The syntax "$("specified element").children()" will return an object containing all child elements; 2 . Use remove() to delete the obtained child element and all its internal contents. The syntax is "element object.remove()".

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

jquery method to clear all child elements under an element

Implementation method:

• Use children () Get all sub-elements under the specified element
  

• Use remove() to delete the obtained sub-elements

  The remove() method can remove the element and its Delete all content inside

Implementation example: Delete all sub-elements within the div

	
		
		
		
	

	

		

			这是一些文本。
			
这是div块中的一个段落，子元素。这是一个span块，孙元素
			
这是div块中的一个段落，子元素。
			这是一个span块，子元素
		
		
这是div块外部的一个段落。
		删除div内所有子元素

	

Note: The div also contains some text content, it is not a child element and therefore will not be deleted.

[Recommended learning: jQuery video tutorial, web front-end video]

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