jquery - "#orderedlist > li"选择器

标签 jquery

我正在学习 jQuery this教程,但其中一个示例不起作用。

<html>
  <head>
    <style type="text/css">
      a.test { font-weight: bold; background: #fc0 }
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $("#ol > li").addClass("test");
        $("#some").addClass("test");
      });
    </script>
    </head>
   <body>
     <a href="http://jquery.com/" id="some">Some</a>
     <ul id="ol">
      <li>one</li>
      <li>two</li>
      <li>three</li>
    </ul>
  </body>
</html>

此示例将“test”样式应用于超链接 (#some),但不将此样式应用于有序列表 (#ol)。为什么?

最佳答案

中删除a
a.test { font-weight: bold; background: #fc0 }

a 将其限制为链接( anchor 标记)。

关于jquery - "#orderedlist > li"选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1895876/

相关文章:

javascript - 仅当使用 Javascript 的源图像更改时才更新 CSS 背景图像

javascript - 来自标签名称属性和值的 JSON 数组

javascript - 使用 Yii2-dynamicforms 更新(嵌套动态表单)

javascript - 将循环索引与函数参数绑定(bind)

javascript - jQuery onclick 不适用于移动设备

javascript - 在 javascript 中获取 css 高度

jquery - 有没有非常轻的灯箱?

javascript - 为什么 jQuery.data() 会出现 Raphael svg 路径错误?

javascript - jQuery 更改选择上的元素 - 用于多个选择输入的全局脚本

javascript - 单击按钮时页面显示所有语义 UI 模态