Rumah > Artikel > hujung hadapan web > 如何用jquery选择节点下的第几个子元素
如何用jquery选择节点下的第几个子元素
- 藏色散人asal
- 2020-12-18 10:33:293242semak imbas
用jquery选择节点下的第几个子元素的方法：首先打开相应的代码文件；然后在jquery中使用“:eq()”选择器选择节点下的指定子元素即可，其语法如“$("p:eq(1)").css("background-color"...)”。
本教程操作环境：windows7系统、jquery1.12.0版本，该方法适用于所有品牌电脑。
推荐：《jquery视频教程》
jquery中可以使用:eq()选择器选择节点下的指定子元素，:eq()选择器选取带有指定index值的元素。index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。
此方法经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素。
示例：
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p:eq(1)").css("background-color","#B2E0FF");
});
</script>
</head>
<body>
<html>
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p>
<p>I live in Duckburg</p>
<p>My best friend is Mickey</p>
<div id="choose">
Who is your favourite:
<ul>
<li>Goofy</li>
<li>Mickey</li>
<li>Pluto</li>
</ul>
</div>
</body>
</html>
</body>
</html>Atas ialah kandungan terperinci 如何用jquery选择节点下的第几个子元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jq如何判断css是否存在Artikel seterusnya：react中怎么遍历对象