javascript - 如何使用 jQuery 在同一个父 div 中有效地选择元素

Question

我有一个循环，它在我的文档中生成许多类似于下面标记的 div:

<div class="row">
    <p></p>
    <p></p>
    <div>
        <p>Blah blah blah</p>
        <img src="" />
        <div class="radio">
            <input type="radio" name="myNamedInput">
            <input type="radio" name="myNamedInput">
        </div>
    </div>
    <div class="controls">
        <a href="#">
    <div>
</div>

我想知道当有人单击 div.controls 元素中的链接时是否有更好的方法来访问 div.radio 元素中分组 radio 输入的值。这是我的 jQuery 代码:

$('.controls').on('click', 'a', function () {
    var val = $(this)
        .closest('.row')
        .find('.radio input:radio[name=myNamedInput]')
        .val();
}

这是最快的方法还是有更好的方法，因为我觉得我的方法很长？我感谢任何帮助和见解。

Answer 1

如果父div有一个id:

$('.controls').on('click', function () {
    var val = $("#"+this.parentElement.id + " .radio").val();
}

也许是一个解决方案......