1

我有这个结构:

<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>

问题是我只想将活动类添加到“li id="artworks"”元素中,但是使用脚本将它添加到属于#artworks 的所有“li”中。

我怎样才能只指向父 li?

4

5 回答 5

2

代码应该是

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

你可以在这里看到工作

于 2012-10-12T11:22:08.217 回答
2

尝试

$('#artworks > a').addClass('active')
于 2012-10-12T11:19:28.680 回答
1

更改此代码:

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

对此:

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

为什么这行得通? #artworks标识 ID 为 'artworks' 的任何元素(希望只有一个!) 紧随其后的是一个空格和一个元素,告诉 jQuery 匹配该类型的所有子元素#artwork。阅读选择器语法:http ://www.w3.org/TR/selectors/#selectors

于 2012-10-12T11:20:44.420 回答
1

这就是你想要的我认为:

$(document).ready(function(){
      $('li#artworks').addClass('active')
});
于 2012-10-12T11:20:54.750 回答
0

你应该试试这个

$('#artworks').addClass('active')​;
于 2012-10-12T11:20:33.543 回答