获取 ul 的当前活动类答案

【问题标题】：Get current active class of an ul获取 ul 的当前活动类
【发布时间】：2013-03-14 03:25:12
【问题描述】：

假设你有以下。

  .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？

【问题讨论】：

您意识到虽然我们可以回答您的明确问题（“我如何选择相关元素？”），但如果您准确地告诉我们什么，我们可以提供更好的答案，你试图做那个元素，或者你希望在什么事件上find那个元素。顺便说一句，您尝试了什么，您在哪里遇到这个问题？

标签： jquery css class html-lists

【解决方案1】：

使用$("ul li.show") 查找类为show 的li 元素，它是ul 的子元素。

【讨论】：

【解决方案2】：

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

$('.pic.show')

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

$('li.pic.show')

【讨论】：