Javascript jQuery Click函数没有'；我不在第一个孩子身上工作

jQuery Click函数在li的第一个子项上不起作用。与上一样，已收缩

您的

$（'.contracted'）。单击（…）

代码将在代码运行时将一个单击处理程序绑定到该类的任何元素-这不会自动在以后添加该类的其他元素上工作。如果希望它在单击时在任何具有收缩的

类的li元素上工作，请使用通过
.on（）
设置的委派事件处理程序：

这会将单击处理程序绑定到所有
ul
元素，但是当单击发生时，jQuery会检查单击的项是否是与第二个参数中的选择器匹配的
ul
的后代，并且仅在匹配的情况下调用您的函数。
您的
$（'.contracted'）。单击（…）
code将在代码运行时将click处理程序绑定到具有该类的任何元素-这不会自动作用于以后添加该类的其他元素。如果希望它在单击时在任何具有收缩的
类的li元素上工作，请使用通过
.on（）
设置的委派事件处理程序：

这会将单击处理程序绑定到所有
ul
元素，但是当单击发生时，jQuery会检查单击的项是否是与第二个参数中的选择器匹配的
ul
的后代，并且仅在匹配的情况下调用您的函数。
您的
$（'.contracted'）。单击（…）
code将在代码运行时将click处理程序绑定到具有该类的任何元素-这不会自动作用于以后添加该类的其他元素。如果希望它在单击时在任何具有收缩的
类的li元素上工作，请使用通过
.on（）
设置的委派事件处理程序：

这会将单击处理程序绑定到所有
ul
元素，但是当单击发生时，jQuery会检查单击的项是否是与第二个参数中的选择器匹配的
ul
的后代，并且仅在匹配的情况下调用您的函数。
您的
$（'.contracted'）。单击（…）
code将在代码运行时将click处理程序绑定到具有该类的任何元素-这不会自动作用于以后添加该类的其他元素。如果希望它在单击时在任何具有收缩的
类的li元素上工作，请使用通过
.on（）
设置的委派事件处理程序：

这会将单击处理程序绑定到所有
ul
元素，但是当单击发生时，jQuery会检查单击的项是否是与第二个参数中的选择器匹配的
ul
的后代，并且仅在匹配的情况下调用函数。
在哪里将类从“展开”设置回“收缩”呢？在哪里将类从“扩展”设置回“收缩”？在哪里将类从“扩展”设置回“收缩”？在哪里将类从“扩展”设置回“收缩”？
<ul class="clearfix">
  <li class="contracted">
    <a href="#">
      <span>L1<b>: Recognize a digit represents 10 times the value</b></span>
    </a>
  </li>
  <li class="">
    <a href="#">
      <span>L2<b>: Recognize a digit represents 10 times the value</b></span>
    </a>
  </li>
</ul>

$('.contracted').click(function () {
  $(this).parent().attr('class', 'expanded');
  $('ul.expanded li.activeLesson').attr('class', 'selected');
  $('ul.expanded li:not(.selected)').attr('class', '');
});

$('ul').on('click', 'li.contracted', function() {
   ...
});