javascript - 如何删除特定标签 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>

基本上，当我循环遍历 span 时它碰到类 lastWord 时，我想删除它和它之前的 span。

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>