jquery - 如何使用单击列表项中“a”标记的单击事件切换多个 li 元素

Question

当从其标记元素接收到事件时，我想使用类切换所有列表项上的checkedList和selectedList类，最后将带有类元素的相应范围内的文本放入带有类的 div 中。privListItemaprivLabelprivLabel_textHere

    <div class="privLabel_textHere"></div>

    <div class="psSelectDD dn">
      <ul class="psSelectUl">
         <li class="privListItem checkedList selectedList">
           <a href="/pp" class="psLink">
             <span class="privLabel">PP</span>
           </a>
         </li>
         <li class="privListItem">
           <a href="/pf" class="psLink">
             <span class="privLabel">PF</span>
           </a>
         </li>
         <li class="privListItem">
           <a href="/po" class="psLink">
             <span class="privLabel">PO</span>
           </a>
         </li>
      </ul>
    </div>

这是下面的JS

    $(".psSelectDD li").find("a").on("click", function(e) {
            var $this = $(this);
            e.preventDefault();
    });

Answer 1

$(".psSelectDD li a").click(function(e) {
   e.preventDefault();
   $(".privListItem").toggleClass("checkedList selectedList");
   var text = $(this).find(".privLabel").html();
   $(".privLabel_textHere").html(text);
});

Answer 2

在遵循@nnnnnn 的建议后，我终于得到了自己问题的答案。哈哈哈……很奇怪吧？？

    $(".psSelectDD li").find("a").on("click", function(e) {
            var $this = $(this);
            e.preventDefault();

            $(".privListItem").removeClass("checkedList selectedList");

            $this.parent("li").toggleClass('selectedList checkedList');
    });