获取span里面的值（特殊情况下 ）

如何获取A？

<div class="warpper">
	<span class="content">
		A
		<span>123</span>
	</span>
</div>

<script type='text/javascript' src='./jquery-1.7.2.min.js'></script>
<script type='text/javascript'>
	var a = $(".content")[0].firstChild.data;
	function al(){
		alert(a);
	}
	window.onload=al;
</script>