Question

我正在使用jquery 1.11.1。

一旦我使用选择器选择了一个集合，即var objs = $('.selector_class') 如何从该元素中获取jquery元素。我尝试了objs[0]和objs.get(0)。两者都给javascript对象。有没有办法直接访问一个jquery对象。

Answer 1

使用.eq(index)

$('.selector_class').eq(0)

doc

Answer 2

使用objs [0]和objs.get（0），您将获得DOM元素，而不是jQuery对象。

您可以将DOM对象转换为jQuery元素，方法是将其包装在$（）中，或直接获取jQuery元素：

<div class="selector_class">Text1</div>
<div class="selector_class">Text2</div>
<div class="selector_class">Text3</div>

<script>
    $(function () {
        var collection = $(".selector_class");
        var a = collection.eq(0).text();
        var b = collection.eq(1).text();
        var c = collection.eq(2).text();

        console.log("a: " + a + " => b: " + b + " => c: " + c);
        // shows: a: Text1 => b: Text2 => c: Text3
    });
</script>

Answer 3

可以使用.eq( index )

完成此操作

index

以上是类型：整数

一个整数，表示元素的 0-based 位置。

.eq()方法从该集合中的一个元素构造一个新的jQuery对象。

当它提供一个整数时，它给出了该元素在集合中的位置。

从jquery集合中获取jquery对象

3 个答案: