Question

我最近问了很多jQuery问题，因为我正在尝试使用它相当好的旧Javascript，正如我在之前的问题中提到的那样，“我目前不得不扩展一个非常古老的ASP.NET站点，一个数据库生成的前端，是一个应用程序的庞然大物，它需要完全重写 - 但我被告知要添加它而不是重新开发它“

现在我正在做的是，一旦后端将表格呈现给我希望循环遍历表格的tr元素的接口，在tr的td元素之一中有两个单选按钮。我需要确定单选按钮组的名称，因为我没有定义它们，系统是否使用GUID或其他东西？

这是表格，例如......

<table id="tableID">
    <tr>     
        <td class="qCol">     
        <!-- Label here -->     
        </td>      
        <td class="qCo2">     
        <!-- img here -->     
        <!-- and a text box -->     
        </td>      
        <td class="qCo3">     
        <!-- select menu here -->     
        </td>      
        <td class="qCo4">     
        <!-- radio buttons here -->     
        </td>      
        <td class="qCo5">     
        <!-- select menu here -->     
        </td>     
        <td class="qCo6">     
        <!-- hidden validation image here -->     
        </td> 
    <tr> 
</table>

好的，我正在遍历表格，同时将一个单元格的innerHTML切换到另一个单元格并隐藏一些行，我将添加功能以便稍后显示这些，这里是jQuery：

$('#tableID tr').each(function (i) {

        /*switch select and validation and clear */
        $(this).children('td.qCol').html($(this).children('td.aCol5').html());
        $(this).children('td.aCol5').html($(this).children('td.vCol'.html(""));

        /* hide all but the first row*/
        if (i >= 1) {
            $(this).hide();
        }

现在我正在尝试确定将在类.qCo4的单元格中的单选按钮的name属性，但是我没有运气，因为以下内容返回错误并且是“未定义”... < / p>

/* get the radio button name and check if either are selected*/

// check something exists...
if ($('input:radio', this).attr('name')) {

    var thisRadioName = $(this).closest("input:radio").attr('name').val();
    alert(thisRadioName);

}

$this是tr元素，所以我应该使用子而不是最接近吗？如果这没有意义，我可以更好地扩展和解释。

Answer 1

您应该使用find()或children()。 closest()上升到树上，而find找到树下的元素

var thisRadioName = $(this).find("input:radio").attr('name');

你也可以使用'：checked'来检查是否有任何收音机被检查

var checkedRadio = $(this).find("input:radio:checked")

如果您完全确定要查找的元素是元素的直接子元素，则应使用子元素，否则使用find（）。（如果你修改了html，使用find会保护你免受重构代码的影响，就像添加一个包装div一样，出于其他原因，如styiling）

看看这个小提琴：http://jsfiddle.net/nicolapeluchetti/Evq6y/

Answer 2

var thisRadioName = $(this).find("input:radio").attr('name');

应该做你想做的事情

使用JQuery查找集合单选按钮组名称

2 个答案: