javascript - JS 删除除特定 ID 及其子元素之外的所有元素

Question

对此的回应: How to remove elements except any specific id接近我想要的，但不完全是。

就我而言，我问如何删除父 id 下除 id_n 及其子元素之外的所有元素:test1 和 test2。这些元素需要删除，而不仅仅是隐藏。

<div id = "parent_id">
  <div id = "id_1">
      <div id = "id_11"> test</div>
      <div id = "id_12">test </div>
  </div>
  <div id = "id_2"> test</div> 

  <div id = "id_n">id_n<br>
      <div id='test1'>test1<br><div>
      <div id='test2'>test2<br><div>
  </div> 
</div>

结果应该是:

<div id = "parent_id">
  <div id = "id_n">id_n<br>
      <div id='test1'>test1<br><div>
      <div id='test2'>test2<br><div>
  </div> 
</div>

感谢您查看此内容。感谢您的建议。

Answer 1

使用 jQuery 的 siblings 您可以删除它的所有子项:

  $('#id_n').siblings().remove();