jquery删除所有第一个span元素

Question

给出以下HTML：

<h2><span>1</span><span>2</span></h2>
<h2><span>1</span><span>2</span></h2>
<h2><span>1</span><span>2</span></h2>
<h2><span>1</span><span>2</span></h2>

我想从所有h2元素中删除第一个span元素。

我尝试了以下只删除第一个h2的第一个范围：

$("h2 span:first").remove();
$("h2 span").first().remove();

Answer 1

尝试使用:first-child选择器：

$("h2 span:first-child").remove();

Answer 2

试试这个

$("h2").each(function(){
   $(this).find("span:first").remove();
});

Answer 3

你可以这样做（jsfiddle作为例子）：

jQuery('h2 span:first-child').remove();