1. 程式人生 > >使用Jquery獲取頁面中只有name下的第二個子元素

使用Jquery獲取頁面中只有name下的第二個子元素

今天面試問到這個問題,一時緊張忘記怎麼回答了。做個標記,勿忘。

<pre name="code" class="html"><div name="div1">
	<div>a</div>
	<div>b</div>
	<div>c</div>
	<div>d</div>
</div>
<div name="div2">
	<div>e
		<div>f</div>
	</div>
	<div>g</div>
	<div>h</div>
	<div>i</div>
</div>
當時想到的第一種方法使用$(父元素).children().next()的方法。
<script>
		$(function(){
			alert($("div[name='div2']").children().next().next().text());
		})
</script>

這時候輸出的值為hi,獲取到第二個元素後的字串拼接值。

應該使用

$("div[name='div2']").children('div:eq(1)');
或者
<pre name="code" class="javascript">$("div[name='div2'] > div:eq(1)")