Question

我有一个数据网格，每一行都有一个具有相同类名的复选框。我需要获取复选框ID。我收到对象不支持的错误。

网页：

<table>
  <tr><td>
    <span class="chkClass">
        <input name="$ctl02$chk" id="dgrd_ctl02_chk" type="checkbox">
    </span>
  <td/><tr/>
  <tr><td>
    <span class="chkClass">
        <input name="$ctl03$chk" id="dgrd_ctl03_chk" type="checkbox">
    </span>
  <td/><tr/>
</table>

有我的代码：

function Selectbox() {
    $('.chkClass).each(function () {
 var chkbox = this.firstChild;
    alert(chkbox.attr('id'));
          });

}

Answer 1

它是firstElementChild而不是firstChild，您应该在$（chkbox）而不是chkbox上调用'attr'函数。 https://jsfiddle.net/L5r0q4go/

     $('.chkClass').each(function () {
        var chkbox = this.firstElementChild;
        console.log($(chkbox).attr('id'));
     });

     //dgrd_ctl02_chk  
     //dgrd_ctl03_chk

Answer 2

您也可以这样使用。

$('.chkClass').each(function () {
       alert($(this).find('input:checkbox').attr('id')); 
 });

输出：

//dgrd_ctl02_chk  
 //dgrd_ctl03_chk

https://jsfiddle.net/euLatc9o/4/

如何获取每个函数jQuery中的第一个元素ID

2 个答案: