Как вы нацеливаете элемент глубоко внутри нескольких элементов в jQuery?

Question

Если у вас есть следующий HTML:

<div class="example"> 
<div> 
    <div> 
    <div> 
     <span></span> 
    </div> 
    </div> 
    </div> 
</div> 

Как можно настроить таргетинг, что конкретный диапазон внутри «строку .EXAMPLE»? без необходимости писать

$('.example div div div span') 

Спасибо, ребята.

Answer 1

Вам не нужно указывать все гнездование. В css селекторном пространстве означает любой потомок, а не прямой ребенок. Так оно и должно быть просто

$('.example span') 

С другой стороны, вы можете ограничить результаты поиска по specifiying, которые span именно вы хотите. В этом случае, вы хотите установить класс или идентификатор атрибут на этом промежуток и искать его, используя

$('.example span#spanid') //for id = spanid 
$('.example span.spanclass') //for class = spanclass  

См W3C selectors документа для деталей

Answer 2

$('.example span') также должен найти его.

Answer 3

Хотя оба предыдущих ответы совершенно справедливы и ответить на вопрос, Я бы предположил, что, если возможно, вы добавите класс в вложенный элемент (ы), который вы хотите найти. Нет никаких прямых улучшений производительности, просто семантики и ясности. Например,

$('.example span') 

может работать пока, но если вы добавите другие промежутки позже, он сломается. Однако, если добавить .my_nested_span размаху вы хотите, и затем сделать

$('.my_nested_span') 

вместо этого, вы всегда должны быть хорошо идти в будущем.

Answer 4

Вы можете дать пролету идентификатор:

<span id="myspan"></span> 

А потом это просто:

$('#myspan')