如何在jQuery中按类名选择子元素

How to select a child element by its class name in jQuery?

本文关键字：选择 元素 jQuery      更新时间：2023-09-26

我有这个html代码，我需要写一个简单的函数。传递一个父元素（在我的例子中是菜单顶部），找出具有类焦点的元素。

   <div id="menu-top">
        <ul>
        <li id="menu-top-item-0" class="item0 focus">1</li>
        <li id="menu-top-item-1" class="item1">2</li>
        <li id="menu-top-item-2" class="item2">3</li>
        <li id="menu-top-item-3" class="item3">v 4</li>
        </ul>
    </div>

我尝试这个没有成功jquery 1.4.2

getFocusedElement: function(parentElm) {
    return $(parentElm).find("focus");    
}

知道吗？

类选择器中缺少.，例如：

return $(parentElm).find(".focus");

使用"focus"作为选择器将尝试与标记名为<focus /> 的元素匹配

以下是关于jQuery选择器如何工作的更多信息：http://api.jquery.com/category/selectors/

$(parentElm).find(".focus")将工作。JQuery采用css选择器进行元素选择。

也就是说，类将有一个.前缀，而id将有#前缀。

相关文章：