获取ul的当前活动类

Question

说你有以下内容。

  .pic {
      display: none;
    }

    .pic.show {
      display: block;
    }

    <ul>
       <li class='pic show'><img src="1.jpg"></li>
       <li class='pic'><img src="2.jpg"></li>
       <li class='pic'><img src="3.jpg"></li>
       <li class='pic'><img src="4.jpg"></li>
    </ul>

我想编写一个简单的jQuery动态位，它会找到具有class ='pic show'的li。

所以我的问题是，您如何找到应用了当前class = 'pic show'类的li？

Answer 1

使用$("ul li.show")查找带有一个show类的li元素，该类是ul的子元素。

Answer 2

使用与CSS中相同的选择器：

$('.pic.show')

如果要指定它必须是li元素：

$('li.pic.show')