如何在div中找到类？

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

或者，如果试图查找第三个元素而不管类名如何，则如下所示：

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

(因为索引是基于零的，所以它是'2‘)，例如：

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

Answer 3

您可以使用纯JavaScript，类似于

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

首先，我们根据特定元素的id ('myid')搜索特定元素，然后在元素('myid')中通过类找到特定元素。

或

你可以使用querySelecotr，之类的，

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

在本例中，querySelector从div(#myid)获取类.third-class的第一个元素。