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

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。解决方案可在An issue I have not resolved related to my 'Get element id on hover (or mouseover)' post

Answer 2

看来你使用的是id选择用于选择class，试试这个：

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