如何更改CSS所有元素don';Javascript上没有类'name'?

如何更改CSS所有元素don';Javascript上没有类'name'?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我按类别编写了一个过滤器产品 当我单击一个类别时,它会将一个类添加到元素中,并且该类别的背景已被选中 我认为问题在于: if(!$filterLinks.hasClass('selected')) 我想当用户单击另一个元素时,所有元素都应该转到背景默认值为白色 我的HTML结构: <ul id="filters"> <li> <a class="selected" data-filter="*"></a> All <li>

我按类别编写了一个过滤器产品

当我单击一个类别时,它会将一个类
添加到元素中,并且该类别的背景已被
选中

我认为问题在于:

if(!$filterLinks.hasClass('selected'))

我想当用户单击另一个
  • 元素时,所有
  • 元素都应该转到背景默认值为
    白色

    我的HTML结构:

    <ul id="filters">
        <li> <a class="selected" data-filter="*"></a> All <li>
        <li> <a data-filter=".nokia"></a> Nokia <li>
        <li> <a data-filter=".samsung"></a> Samsung <li>
    </ul>
    
    • 如果您想使用CSS

      试一试

      如果你想使用CSS

      试一试

      在这里您可以使用我的代码:

       $("#filters li").click(function()
       {
       $("#filters li").removeClass("selected");
       $(this).addClass("selected");
       });
      
      在这里您可以使用我的代码:

       $("#filters li").click(function()
       {
       $("#filters li").removeClass("selected");
       $(this).addClass("selected");
       });
      

      $filterLinks.not(“.selected”)
      或使用“:not(.selected)”作为css选择器是li或a元素上的类?检查控制台,它看起来好像没有加载同位素脚本,
      $container=$(“.container”)
      应该是
      $container=$(“.container”)
      $filterLinks.not(“.selected”)
      或使用“:not(.selected)“当css选择器是li或a元素上的类时?检查控制台,它看起来好像没有加载同位素脚本,
      $container=$(“#container”)
      应该是
      $container=$('.container')
      谢谢,@ajaymalhotraWelcome@vanloc:)谢谢,@ajaymalhotraWelcome@vanloc:)
       $("#filters li").click(function()
       {
       $("#filters li").removeClass("selected");
       $(this).addClass("selected");
       });