jQuery中的siblings用法实例分析

前端技术 2023/09/02 JavaScript

本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下：

所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。

<html>
<head>
 <script type=\"text/javascript\" src=\"/jquery/jquery.js\"></script>
</head>
<body>
<ul>
  <li>li1</li>
  <li>li2</li>
  <li id=\"li3\">li3</li>
  <li>li4</li>
  <li>li5</li>
</ul>
<script>
  $(\"#li3\").siblings(\"li\").css(\"backgroundcolor\", \"yellow\");
</script>
</body>
</html>

我们还知道，

复制代码 代码如下:
$(\"#li3\").siblings(\"li\").css(\"backgroundcolor\", \"yellow\")

在本例中可以写成

复制代码 代码如下:
$(\"#li3\").siblings().css(\"backgroundcolor\", \"yellow\")

默认拿和它自己相同的兄弟元素。

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/5934

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案