如何删除第二个canvas对象

<div id="map">
  <div class="test">
  <canvas width="800"></canvas>
  <canvas width="800"></canvas>
  </div>
</div>

这段代码里，我想删除第二个canvas对象。

$('#map canvas').last().remove();

或者：$('#map canvas').eq(2).remove();
var c2 = document.getElementById('map'). getElementsByTagName('canvas')[1];
c2.parentNode.removeChild(c2);