Как найти класс внутри 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

Вы можете использовать чистый JavaScript что-то вроде

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

Сначала мы ищем конкретный элемент, это идентификатор («MyID») и находим конкретный элемент по классам («третьего класса») внутри элемент ('myid').

Answer 3

Или, если пытается найти третий элемент, независимо от имени класса, что-то вроде этого:

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

(это «2», так как индекс нуля), как, например:

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