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

Question

我有一个函数,一个接一个地生成一堆span标签,一些稍微独特,给它一个唯一的类...我想找到一个函数删除/清除某个标签之前的所有内容....所以这就是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>