当前位置 : 主页 > 网页制作 > JQuery >

jquery – 无法选择SPAN兄弟

来源:互联网 收集:自由互联 发布时间:2021-06-15
无法理解为什么此代码将DIV元素的颜色更改为蓝色,但不会更改SPAN元素的颜色.有任何想法吗? htmlhead script src="/uploads/allimg/210615/224A051T-0.jpg"/script script $(document).ready(function(){ $("#prev ~ d
无法理解为什么此代码将DIV元素的颜色更改为蓝色,但不会更改SPAN元素的颜色.有任何想法吗?

<html>
<head>
  <script src="http://img.558idc.com/uploadfile/allimg/210615/224A051T-0.jpg"></script>
  <script>
    $(document).ready(function(){
      $("#prev ~ div").css("color", "blue");
      $("#prev ~ span").css("color", "red");
    });
  </script>
</head>
<body>
  <span id="prev">span#prev</span>
  <div>div sibling</div>
  <span>span sibling</span>
</body>
</html>

注意如果我更换了什么

<span id="prev">span#prev</span>

<p id="prev">span#prev</p>

DIV和SPAN都会更改文本颜色.

谢谢!

看起来你发现了一个错误.

$(“#prev~span:not(#prev)”)和$(“#prev”).兄弟姐妹(“span”)一样有效.

网友评论