如何使用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元素中分组的单选输入的值。 这是我的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();
}

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