Как я могу нацелиться на элемент, который вложен в одноуровневый тег другого элемента с помощью jQuery

Question

Пример кода:

<input type="radio" id="option_1" name="radio_group" checked="checked" value="1">

<label for="option_1"><span class="categories_on_main_overlay">OPTION 1</span></label>

Как настроить таргетинг в jQuery на текст диапазона («OPTION 1») внутри метки, являющейся аналогом тега ввода.

До сих пор я пробовал следующее, что я думал, что будет работать, но я ничего не получаю:

$("input[name='radio_group']:checked").next('label').next('span').text();

Answer 1

Вы были близки, но вам не нужен второй .next(), который ищет родного брата, а вы хотите ребенка.Поэтому используйте .find() вместо:

$("input[name='radio_group']:checked").next('label').find('span').text();

console.log($("input[name='radio_group']:checked").next('label').find('span').text())

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="radio" id="option_1" name="radio_group" checked="checked" value="1">

<label for="option_1"><span class="categories_on_main_overlay">OPTION 1</span></label>