JQuery стенография для FIND() заявление

Question

У меня есть супер простой вопрос, вместо того, чтобы делать что-то вроде этого:

$(".one").click(function() { 
    $(this).find('.two').find('.three').css... 
}); 

с этим HTML:

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

есть короткая рука, где вы можете пропустить слово найти в некотором роде?

Answer 1

$('#one #two #three') 

Но помните, что ID на странице должен быть уникальным

Так $('#three').css() должно быть достаточно

Это имеет смысл, когда элементы являются либо class элементы или tagNames

$('.one .two .three') <-- 
$('div span p')  <-- These are fine 

Все это должно работать

// Using find to target the class 
$(this).find('.two').find('.three').css('border', '1px dashed red'); 
// Using find to target the class 
$(this).find('.two .three').css('border', '1px dashed red'); 
// Using the this context 
$('.two .three',this).css('border', '1px dashed red'); 
// Using the this context and immediate children 
$('> .two > .three',this).css('border', '1px dashed red'); 

> получит только непосредственных детей. Другой 2 используют this в качестве контекста

Check Fiddle

Answer 2

контекста Используйте селектор http://api.jquery.com/jQuery/#jQuery1

$(".one").on('click', function() { 
    $('.three', this).css... 
}); 

Его самый простой способ это сделать.

---

также

$(".one").click(function() { 
    $(this).find('.three').css... 
}); 

будет работать нормально, вы не должны пройти каждый шаг.