使用Jquery獲取頁面中只有name下的第二個子元素
阿新 • • 發佈:2019-01-08
今天面試問到這個問題,一時緊張忘記怎麼回答了。做個標記,勿忘。
當時想到的第一種方法使用$(父元素).children().next()的方法。<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>
<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)")