Как выбрать элементы для детей?

Question

HTML

<div class="one"> 
    <div class="two"> 
     <div class="three">text</div> 
    </div> 
</div> 

Как выбрать детский элемент. Я попробовал это.

$('.one').children('.three').css('color','#f00'); 

Я знаю функцию .find(), но хочу знать другой метод.

Answer 1

Попробуйте одна из этих линий:

$('.one').children().children('.three').css('color','#f00'); 
$('.one').children('.two').children('.three').css('color','#f00'); 
$('.one').children('.two').find('.three').css('color','#f00'); 

Надеюсь это поможет вам.

Answer 2

Вы также можете сделать это:

$('.one > .two').children('.three').css('color','#f00'); 

Или конечно:

$('.one > .two > .three').css('color','#f00'); 

Вот скрипка: http://jsfiddle.net/3nhrh/1/

Answer 3

Вы всегда можете изменить селектор классы цепи друг с другом:

$(".one .three").css("color", "#f00"); 

Это будет выбирать любые дочерние .one класса, которые имеют класс .three

Answer 4

Вы можете использовать селектор контекста:

$('.three', $('#one')).css(..... 

Answer 5

Ниже метод может быть поможет вам:

var children=$('.one').children(); 

children.each(function(idx, val){ 
    $(this).css('color','#f00'); 
}); 

JSFiddle

Answer 6

Пробег:

$('.one > div.three').css('color','#f00'); 

Answer 7

Попробуйте это ... jsfiddle

$("div").children(".two").css("color", "blue"); 

Answer 8

Все зависит от того, что именно вы хотите достичь.

Если элемент с классом «три» существует только один раз в вашем документе (или хотите получить все), вы можете просто использовать $('.three').

, если вы ищете какую-либо «тройку», который является потомком или «два», который является потомком «один» использовать $('.one .two .three')

, если вы хотите, то же самое, только если они являются прямыми потомками вы можете использовать $('.one > .two > .three')

, если вам случится уже объект Jquery для «один» узел, вы можете ограничить ваши предыдущие поиски, как это: $('.three' , theOne), $(' .two .three' , theOne) или $(' > .two > .three', theOne)

Я надеюсь, что один из тех, кто отвечает вашим потребностям, если не t вы должны лучше уточнить, что именно происходит.