无法选择 SPAN 同级

发布于 2024-07-17 23:07:58 字数 745 浏览 10 评论 0原文

无法理解为什么此代码将 DIV 元素的颜色更改为蓝色,但不更改 SPAN 元素的颜色。 有任何想法吗?

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></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 替换文本颜色会发生什么。

谢谢!

Can't understand why this code changes color of DIV element to blue, but doesn't change color of a SPAN element. Any ideas?

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></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>

Noticed what if I replace

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

with

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

both DIV and SPAN change text color.

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

意中人 2024-07-24 23:07:58

看来您发现了一个错误。

$("#prev ~ span:not(#prev)") 有效,$("#prev").siblings("span") 也有效。

Looks like you found a bug.

$("#prev ~ span:not(#prev)") works, as does $("#prev").siblings("span").

囚你心 2024-07-24 23:07:58

这看起来确实是一个错误。 向 jQuery 报告错误

http://dev.jquery.com/report

有一个 相当数量的同级选择器错误 看起来。

仅此而已 2024-07-24 23:07:58

似乎是 JQuery 的错误。 您应该将此错误提交给团队并让他们修复。

Seems to be an error with JQuery. You should submit this bug to the team and let them fix it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文