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

时间:2015-08-25 18:21:49

标签: javascript jquery html

我有一个循环,在我的文档中产生许多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();
}

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

1 个答案:

答案 0 :(得分:1)

如果父div具有id:

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

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