Question

我有这个结构：

<li id="artworks"><a href="#">ARTWORK</a>
                <ul class="submenu">
                    <img src="../img/submenu.png" alt="submenu" width="62" height="1" />
                    <li id="sweetlife"><a href="#">Sweet Life</a></li>
                    <li><a href="#">Pleasure</a></li>
                    <li><a href="#">Bienal de la habana</a></li>
                    <li><a href="#">Estudios de craneos</a></li>width="62" height="1" />
                </ul>
            </li>

我正在使用这个脚本：

    <script type="text/javascript">
      $(document).ready(function(){
          $('#artworks li').addClass('active')
      });
    </script>

问题在于我只想将活动类添加到＆＃34; li id =＆＃34;艺术品＆＃34;＆＃34;元素但是，使用脚本将其添加到所有＆＃34; li＆＃34;属于#artworks。

我怎样才能指向父李？

Answer 1

尝试

$('#artworks > a').addClass('active')

Answer 2

代码应为

$('#artworks').addClass('active');

您可以看到工作here

Answer 3

更改此代码：

$('#artworks li').addClass('active')

到此：

$('#artworks').addClass('active')

为什么这样做？ #artworks标识ID为'artwork'的任何元素（希望只有一个！）。后面带有空格和元素告诉jQuery匹配该类型的所有#artwork子元素。要阅读选择器语法：http://www.w3.org/TR/selectors/#selectors

Answer 4

这就是你想要的：

$(document).ready(function(){
      $('li#artworks').addClass('active')
});

Answer 5

你应该试试这个

$('#artworks').addClass('active');

仅将类添加到父li

5 个答案: