Access table rows without column header row
I'm new to jquery and trying to learn how to traverse the DOM. I'm trying to access the rows of a table, but not the table row with the column headers.
I have the following code:
- j$ = jQuery.noConflict();
- j$(document).ready(function() {
if(j$) {
//alert('Jquery loaded successfully...');
}
console.log(j$('input[id$=btnSearch]'));
j$('input[id$=btnSearch]').click(function(){
console.log(j$('[id$=searchTable]'));
});
});
I'm first checking for the search button on the page. Then I am adding a button click event handler to the button and outputting the jquery object for the table that is dynamically generated when a search is run by the user. My next step is to get the rows that are generated in the table. I need to get all children tr elements of the table except the column headers. How can I access the table rows except the row with the column headers?
My goal is to add the ability to do a shift+select of the table rows and set the checkboxes on each row to true.