如何使用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();
}

也許是一個解決方案...