Question

以下是我的html标记。我想从jQuery中的以下标记中获取ID。请建议我如何实现这一目标。

<input type="checkbox" id="HOWARD" onchange="checkIfCheckAll()" class="checkBoxClass">

以下是我用来浏览表格并获取复选框ID的代码

$("#tblSearch tr:gt(0)").each(function () {
                debugger;
                var this_row = $(this);
                var EligibleOrNo = $.trim(this_row.find('td:eq(6)').html());//td:eq(0) means first td of this row
            });

Answer 1

您只想检索ID？基于什么？以下是使用复选框类名称的示例;

$('.checkBoxClass').attr('id');

Answer 2

利用attr来检索ID，您可以根据类别选择输入，或者根据您的要求选择$('input[type="checkbox"]')

$(function(){
  console.log($('.checkBoxClass').attr('id'));
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="HOWARD" onchange="checkIfCheckAll()" class="checkBoxClass">

Answer 3

这可能取决于您打算如何定位元素本身。

如果您已经在jQuery中使用事件处理程序，例如检查是否选中了复选框，则可以通过attr()函数解析特定id，如下所示：

$('.checkBoxClass').change(function(){
      // Get your id here when a given checkbox is checked
      var id = $(this).attr('id');

      // Do something
});

或者，如果您想从checkIfCheckAll()函数访问它，可以考虑使用checkIfCheckAll(this)传递元素，只需访问函数中的id属性，如下所示：

function checkIfCheckAll(element){
    var id = element.id;
    // Use the ID here
}

＆＃13;

<input type="checkbox" id="HOWARD" onchange="checkIfCheckAll(this)" class="checkBoxClass">
<script>
function checkIfCheckAll(element){
    var id = element.id;
    alert(id);
}  
</script>

＆＃13;

否则，您可能会有多个复选框，因此只需访问id元素可能不如您必须知道所定位元素的特定索引那样可靠。

更新（编辑后）

您似乎正在尝试解析特定单元格中给定元素的ID。如果是这种情况，那么您可以使用class属性定位该元素并通过以下方式访问其id：

$("#tblSearch tr:gt(0)").each(function () {
   // Get the row
   var this_row = $(this);
   // Get the ID (i.e. find the checkbox in that cell and get its id)
   var EligibleOrNo = $.trim(this_row.find('td:eq(6) .checkBoxClass').attr('id'));
});

Answer 4

如果您有多个具有相同类的复选框元素。你可以遍历所有并收集数组中的id。

var idArray = [];
$(".checkBoxClass").each(function(index,elem){
  idArray.push(elem.id)
});
console.log(idArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="HOWARD" onchange="checkIfCheckAll()" class="checkBoxClass">

从HTML标记中获取Checkbox ID

4 个答案: