Удалите внутренние div из родительского div с помощью jquery

Question

Считайте, что мой родительский div - parentDiv, и он содержит пять дочерних div

<div id="parentDiv">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
      <div>5</div>
</div>

Как очистить дочерние элементы parentDiv с помощью jquery ....

EDIT

Что такое разница между empty() и remove()? что я должен использовать?

Answer 1

$("#parentDiv").empty(); от здесь

Answer 2

.empty() удаляет все дочерние элементы выбранного элемента (ов); .remove() удаляет выбранные элементы самостоятельно, а также любые дочерние элементы.

Таким образом, $("#parentdiv").empty(); имеет наибольшее значение, потому что вы хотите удалить дочерние элементы, но не родительский div.

Answer 3

Вы пробовали $("#parentDiv div").remove() или $("#parentDiv").empty()?

Answer 4

remove удаляет сам элемент из DOM (в данном случае #parentDiv), тогда как empty эквивалентен вызову $('#parentDiv').children().remove(); и удаляет все дочерние элементы.

В этом случае вы должны использовать empty:

$('#parentDiv').empty()

Answer 5

empty() удаляет все дочерние узлы соответствующего селектора, тогда как remove() удаляет соответствующий селектор.