jQuery的 - 前兒童特定刪除所有子元素

Question

的jsfiddle：https://jsfiddle.net/9krvkfpw/

嗨，

我試圖刪除所有子元素達到一定的點，但我也不太清楚是什麼最有效的方法是做到這一點。

下面是一些示例代碼：

<div id="container"> 
    <div id="el1">Remove</div> 
    <div id="el2">Remove</div> 
    <div id="el3">Remove</div> 
    <div id="el4">Remove</div> 
    <script type="text/javascript"> 
    // Keep 
    </script> 
    <div id="lastEl">Keep</div> 
</div> 

從本質上講，我想做的事就是刪除腳本元素之上的所有元素。我不能找到第一個腳本元素，因爲有時候我會保留更多的元素，所以他們會阻礙它。

我的想法是通過點擊#lastEl並獲取上一個元素來獲取腳本標記。

像這樣：

var script = $('#container').children('#lastEl').prev(); 

從這裏我不知道什麼是最好的生活方式，或者如果這是再好的方法是什麼？

我可以多次執行諸如script.prev().remove()之類的操作，但這並不總是奏效，因爲在我開始的腳本之前總是有不同數量的元素。

任何想法都會很棒！

謝謝！

Answer 1

要回答你正在尋找確切：

從本質上講，我想要做的就是刪除腳本元素之上的所有元素

你可以做到以下幾點：

$('#container script').prevAll().remove(); 

Fiddle

Answer 2

prevAll是你在找什麼：

$("#lastEl").prevAll("div").remove(); 

Answer 3

$('#container').find('#lastEl').prev().prevAll().remove()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 
    <div id="el1">Remove</div> 
 
    <div id="el2">Remove</div> 
 
    <div id="el3">Remove</div> 
 
    <div id="el4">Remove</div> 
 
    <script type="text/javascript"> 
 
    // Keep 
 
    </script> 
 
    <div id="lastEl">Keep</div> 
 
</div>

試試這個辦法