javascript - 仅向父 li 添加类

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>

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

我怎样才能只指向父 li？

Answer 1

尝试

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