如何扩展此javascript以在一次onclick中更改两个元素的类？

Cletus昨天帮我写了一段非常美妙的代码：

这是我的李老师的课，改变了课堂。它工作得很好！我想扩展它，这样它也会改变li中a的类。我该怎么做

例如：

<ul>
 <li class="old_class"><a class="old_class" ...>
 <li class="old_class"><a class="old_class" ...>
 <li class="old_class"><a class="old_class" ...>
</ul>

So when I click the first link it would become:

<ul>
 <li class="new_class"><a class="new_class" ...>
 <li class="old_class"><a class="old_class" ...>
 <li class="old_class"><a class="old_class" ...>
</ul>

谢谢大家!！我正在使用Jquery…

尝试：

$(".old_class").click(function() {
  $(this).removeClass("old_class");
  $(this).children("a").removeClass("old_class");
  $(this).addClass("new_class");
  $(this).children("a").addClass("new_class");
});

尝试：

---

用

类定义你的
ul
，比如
…

然后：

这就是说，您不需要在儿童
a
中使用任何类-您可以在CSS中将它们简单地称为
。新的
使用
类定义您
ul
，比如
…

然后：

这就是说，您不需要儿童
a
中的任何类-您可以在CSS中将它们简单地称为
。新的\u类a
可以改变这两个类，但这并不是把旧的切换回来…这是在导航条类型的东西上，li和a在改变，直到单击不同的li和a，然后返回到它们的旧状态…嗨，这改变了两个类，但这不是把旧的切换回来…这是在导航条类型的东西上，li和a在改变，直到单击不同的li和a，然后返回到它们的旧状态…我才意识到我自己能够做新的a类事情。要学的东西太多了：谢谢你的帮助！我刚刚意识到我自己能够做新的a类事情。要学的东西太多了：谢谢你的帮助！
$(".old_class").click(function() {
  $(this).removeClass("old_class");
  $(this).children("a").removeClass("old_class");
  $(this).addClass("new_class");
  $(this).children("a").addClass("new_class");
});

var navItems = $('.nav > li');
navItems.click (function () {
    navItems.children ('a').andSelf ()
        .removeClass ('new_class').addCass ('old_class');
    $(this).children ('a').andSelf ()
        .removeClass ('old_class').addClass ('new_class');
});