如何解析 jQuery 选择中的数字？

Question

我正在对各种单选按钮执行选择，这些按钮的类以名称 radio-selection 开头，末尾有一些数字（例如 radio-button1、radio-button2 等）。如果单击单选按钮，则需要启用或禁用该单选按钮包含的某些字段。好的部分是需要启用的类与单选按钮# 匹配（例如radio-option1、radio-option2 等）。

到目前为止，我有这个......

$('input:radio[class^=radio-selection]').live('click', function () {
    enableDataGroup($(this).siblings('.radio-option1'));
    disableDataGroup($(this).siblings('.radio-option2'));
});

我只是想证明启用和禁用工作（这些是我自己的功能，因为启用和禁用可能会变得有点复杂），但现在我需要以某种方式解析无线电中的数值单击按钮并启用该数据组，并禁用所有其他不匹配的数据组。这是我想要做的伪代码。不幸的是，我不确定在谷歌中搜索什么可以教我如何解析和添加这些数值。

$('input:radio[class^=radio-selection]').live('click', function () {
    var i = // Parse off the number off the selector of $(this).
    enableDataGroup($(this).siblings('.radio-option' + i));
    // Disable every other .radio-option[X] where [X] != i
});

Answer 1

通常，先对所有内容应用批量操作，然后启用您真正想要启用的操作通常会更容易。

$('input:radio[class^=radio-selection]').live('click', function () {

    // Disable all controls first by the class
    $('input:radio[class^=radio-option]').attr('disabled', 'disabled');

    // Replace the class text with nothing to get your integer
    var i = parseInt($(this).attr("class").replace("radio-selection", ""));
    enableDataGroup($(this).siblings('.radio-option' + i));

});