Question

这是我的HTML格式。

<div id="myid">

    <div class="first-class">

    </div>
    <div class="second-class">

    </div>
    <div class="third-class">

    </div>

</div>

我想要实现的是使用 myid 找到第三类。怎么实现呢？谢谢先生！

Answer 1

您可以使用find方法。

$('#myid').find('.third-class')

或

$('#myid .third-class')

或

$('#myid').children('.third-class')

或

$('.third-class', '#myid')

Answer 2

您可以使用类似

的纯JavaScript

var thirdElem = document.getElementById('myid').getElementsByClassName("third-class")[0];

首先我们通过它的id（'myid'）搜索特定元素，然后我们在元素内按类（'third-class'）找到特定元素（的 '本身份识别码'）。

或

您可以使用 querySelecotr ，例如

var thirdElem = document.querySelector('#myid .third-class');

在这种情况下， querySelector 从 div（#myid）中获取类 .third-class 的第一个元素。

Answer 3

或者，如果试图找到第三个元素而不管类名，可以这样：

$('#myid').children().eq(2)

（它＆＃39; 2＆＃39;因为索引是从零开始的），例如：

var className = $('#myid').children().eq(2).attr('class');
// className would be 'third-class'

如何在div中找到类？

3 个答案: