如何使用 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()，它正在寻找兄弟姐妹，你想要 child。所以使用 .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>

如何使用 jQuery 定位嵌套在另一个元素的同级标记中的元素

How can I target an element that's nested in the sibling tag of another element with jQuery

jquery

jquery-selectors