Question

示例HTML：

<ul class="nav">
    <li class="item">Item 1</li>
    <li class="item">Item 2</li>
    <li class="item active">Item 3</li>
    <li class="item">Item 4</li>
    <li class="item">Item 5</li>
</ul>

现在我想在.nav：

中获取活动元素

function someFunction() {
    var elements = $('.nav').find('.item');
    var active = elements.get('.active');
}

当然.get不起作用。但这是我想要的例子。所以我有变量包含元素，我想得到.active元素。我不想要$('.nav').find('.item.active')，因为这只是一个例子，我的代码要复杂得多，我想使用该变量。它甚至可以在jQuery中使用吗？

Answer 1

您可以将变量作为jQuery元素访问。

var elements = $('.nav').find('.item');
$(elements).filter('.active');

Answer 2

你是在活动项目的文本之后吗？然后直接定位

    var active = $('.nav .active').text();

如果您只想显示活动项目：

$('.nav .item').css('display','none');
$('.nav .active').css('display','block');

Answer 3

使用.find()方法获取整个ul中的活动类元素。

var activeObj = $(".nav").find(".active");

Answer 4

您可以通过

直接在ul中选择活动的li

var element = $('.nav li.active')

从jQuery中的元素选择中逐个元素地获取

4 个答案: