如何删除特定标记innerHTML之前的所有内容

Question

我有一个函数，它一个接一个地生成一系列的span标记，有些函数有点独特，有一个惟一的类提供给它.我想找到一个函数，在某个tag....so之前删除/清除所有东西--这是html的样子：

    <div id="wordsBox">
        <span>bla</span>
        <span>bla</span>
        <span class="lastword">bla</span>
        <br />
        <span>bla</span>
        <span>bla</span>
        <span>bla</span>
        <span>bla</span>
    </div>

基本上，当它击中类lastWord时，当我骑车通过跨，想要删除它和它之前的跨度。

Answer 1

你想要使用prevAll()

​

$(".lastword")  //select the div with the class
    .prevAll()  //select all of the previous siblings
    .addBack()  //adds the "lastword" element into the collection
    .remove();  //remove the elements

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="wordsBox">
        <span>bla</span>
        <span>bla</span>
        <span class="lastword">bla</span>
        <br />
        <span>bla</span>
        <span>bla</span>
        <span>bla</span>
        <span>bla</span>
    </div>

​

Answer 2

这做你想做的事：

$( "#wordsBox .lastword" ).prevAll().remove();
$( "#wordsBox .lastword" ).remove();