Целевой объект, вложенный внутри объекта «this» -statement referenced в JQuery

Question

Я пытаюсь создать интерактивный интерфейс выпадающего меню для страницы меню. Нажав на заголовок раздела, вы увидите список ссылок в этом разделе.

Для каждого раздела заголовка я хочу включить «+», если раздел можно развернуть, и «-», если раздел может быть свернут. Поскольку каждый заголовок раздела содержит конкретный текст, я хочу включить этот символ в свой собственный диапазон, который я могу настроить с помощью JQuery. Таким образом, установка выглядит следующим образом:

<h1 class="sectionHeader"><span class="sectionMarker"></span> This is Section 1</h1> 

Там нет ничего в тегах пролетных потому что Jquery будет добавить, что во время выполнения.

Фактическое меню раздела хранится в отдельном div под тегом h1, который, как я знаю, нацелен на $ (this) .next ('. DivClass'), но я не могу понять, как настроить таги в теге span тег h1. Кто-нибудь знает как это сделать?

Answer 1

Попробуйте использовать find() в найти в span тег в h1, как указано в the docs:

$(this).find('span')

получит span, который находится в h1 тега.

Answer 2

Используйте метод найти

$(this).find('.sectionMarker')