jquery里面的siblings()方法是当前元素寻找同胞元素,但有个地方不太明白

jquery里面的siblings()方法是当前元素寻找同胞元素,但有个地方不太明白,第1张

P元素是不能包含块级元素(包括P自身)

你可以试一下下面的代码,11并没有变色。

而且实际运用的时候一般都会加上id或者class的。不会这样一次获取全体元素的。

对于这种嵌套的研究,最好用div实验。

<!doctype html>

<html>

  <head>

  <title>demo</title>

  <meta charset="utf-8"/>

  <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>

  <style type="text/css">

  

  </style>

  <script>

$(function(){

 $("p").siblings().css("color", "red")

})

   

  </script>

  </head>

  <body>

    <p>11</p>

    <span>22<p>33</p></span>

  

  

  </body>

</html>

$('#one').append('<div id="three"></div>')

or

$('#two').after('<div id="three"></div>')

1、siblings(),可以返回元素的所有同胞元素。

2、next(),可以获取到当前元素的下一个同胞元素。

3、nextAll(),可以获取到当前元素的所有跟随的同胞元素。

4、nextUntil(),可以获取到介于两个元素之间的所有跟随的同胞元素。

5、prev(),可以获取到当前元素的前一个同胞元素。

6、prevAll(),可以获取到当前元素的所有之前的同胞元素。

7、prevUntil(),可以获取到介于两个元素之间的所有之前的同胞元素。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/7962723.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存