在前端開發(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)表格中行的操作,提高了工作效率。