Jquery改变了整个li的类

Question

我的JSP中有这段代码：

 <div class="thedescription">
     <ul class="descriptionlanguages">
        <li id="EN_langLinkLi" class="selectedlanguage" >
               <a id="EN_langLink" class="showDifferentLang" href="#">EN</a>
        </li>
        <li id="IT_langLinkLi" class="notSelectedlanguage" >
            <a id="IT_langLink" class="showDifferentLang" href="#">IT</a>
        </li>
    </ul>
   </div>

和脚本，我用来改变整个li的类

 <script type="text/javascript">
      $(document).ready(function(){
                $('li').click(function() {
                      alert ('lsls');
                      $('#thedescription ul li ').each(function(){
                       this.className = 'notSelectedlanguage';
                });
              });
         });
        </script>

但不会改变任何东西！

Answer 1

您可以使用addClass()添加要点击li和removeClass()的课程，以便从兄弟姐妹li

中删除此课程

$('li').click(function() {
  $(this).addClass('notSelectedlanguage').siblings().removeClass('notSelectedlanguage');
});

.notSelectedlanguage {
  background: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="thedescription">
  <ul class="descriptionlanguages">
    <li id="EN_langLinkLi" class="selectedlanguage">
      <a id="EN_langLink" class="showDifferentLang" href="#">EN</a>
    </li>
    <li id="IT_langLinkLi" class="notSelectedlanguage">
      <a id="IT_langLink" class="showDifferentLang" href="#">IT</a>
    </li>
  </ul>
</div>

Answer 2

您可以尝试--packages

，而不是this.className = 'notSelectedlanguage;