色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery選中table中的行

孔世廣1年前7瀏覽0評論

在前端開發(fā)中,經(jīng)常需要對表格中的行進行操作。使用jQuery選中表格中的行可以提高操作效率,下面就來具體學習一下。

//選中每個行首的復選框
$("table tbody").on("click", "tr", function (event) {
if (event.target.type !== "checkbox") {
$(':checkbox', this).trigger('click');
}
});
//選中所有行
$("table #selectAll").click(function () {
$('table tbody input[type="checkbox"]').prop('checked', this.checked);
});
//獲取選中的行數(shù)據(jù)
var selectedRows = [];
$("#btn-selected-rows").click(function () {
$('table tbody input:checked').each(function () {
selectedRows.push($(this).closest('tr').find('td').eq(1).text());
});
console.log(selectedRows);
});

以上就是使用jQuery選中table中的行的代碼示例,通過這些簡單的代碼,可以輕松實現(xiàn)表格中行的操作,提高了工作效率。