Question

我有以下代码：

<div id="weeks"> 
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
<span>9</span>
<span>10</span>
</div>

我希望能够调用一个JavaScript函数，只要我调用它就会删除第一个<span>（所以我第一次调用它时，它会删除<span>，其中包含1 ，下一次2，等等），最好的方法是什么？

谢谢！

Answer 1

使用此功能：

function removeFirst(selector){
   $(selector).children().first().remove();
}

因此它将jquery选择器作为参数。像这样使用它：

removeFirst('#weeks');

每次打电话都会删除第一个孩子。

Answer 2

在纯JavaScript中你可以这样做：

var weeks = document.getElementById("weeks");
weeks.removeChild(weeks.firstElementChild);

JsFiddle Complete Example

删除<div> </div> </span>中的<span>

2 个答案: