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

Answer 2

这样做你想要的：

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