jquery remove all first span elements

Question

Given the following 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>

I would like to remove the first span element from all the h2 elements.

I tried the following which only remove the first span from the first h2:

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

Answer 1

Try using the :first-child selector:

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

Answer 2

Try this

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