Question

仍然掌握jQuery，我很高兴得到了我所拥有的，尤其是来自本论坛帖子的帮助。然而，现在有了一个能够完成我想要的工作功能，那就是创建一个看起来像按钮的无线电组。它通过json和循环创建单选按钮来拉取数据。

我想获取生成的单选按钮的ID，以便我可以解析到应用程序的下一步但我无法让它工作。

function FillDiv(groups, side) {
    var cnt = 1;
    var newClass = '';
    var newType = '';
    if (side == '#ck-button-left') {
        newClass = 'leftClass';
        newType = 'radio'
    }
    else {
        newClass = 'rightClass';
        newType = 'checkbox'
    }

    $.each(groups, function (index, groups) {
        $(side)
        .append(
            $(document.createElement('label')).attr({
                id: cnt + 'lbl'
            })
        );
        $('#' + cnt + 'lbl')
        .append(
            $(document.createElement('input')).attr({
                id: groups.GroupCode,
                type: newType,
                name: 'testGroup',
                class: newClass
            })
        );
        $('#' + groups.GroupCode).after
        (
            $(document.createElement('span')).text(groups.GroupName).attr('class', 'leftSpan')
        );
        $('#' + cnt + 'lbl').after($(document.createElement('br')));
        cnt = cnt + 1;
    });
}

通过各种搜索，它应该与...类似的工作。

$('#leftSpan').mouseover(function () {
        $('#lblOutput').html(this.id);
});

或者，正如我所怀疑的那样，它与我需要引用父母或孩子的标签/输入的嵌套有关。

任何指针都会受到赞赏。

Answer 1

您似乎正在使用id选择器来选择class，请尝试以下操作：

$('.leftSpan').mouseover(function () {
        $('#lblOutput').text(this.id);
});

Answer 2

这导致了后续帖子中的进一步问题“我未解决的问题与我的'悬停（或鼠标悬停）上的'获取元素ID'”相关。解决方案位于An issue I have not resolved related to my 'Get element id on hover (or mouseover)' post

在悬停（或鼠标悬停）上获取元素ID

2 个答案: