jquery

Question

how select those rows loaded in table .

Raja T · Answer

Hi, Checkout

Upendra Pratap Shahi · Answer

@ Page Language ="C#" AutoEventWireup ="true" CodeFile ="BindImageDropdown.aspx.cs" Inherits ="BindImageDropdown" %> DOCTYPE html > html xmlns ="http://www.w3.org/1999/xhtml"> head runat ="server"> title > title > style type ="text/css"> table tbody tr:hover { background-color : orange ; cursor : pointer ; } style > script src ="http://code.jquery.com/jquery-1.10.2.js"> script > script type ="text/javascript"> $(document).ready( function () { $( 'table tbody tr' ).click( function () { //alert($(this).text()); alert(getTableData($( '#tstTable' ))); }); }); function getTableData(table) { var data = []; table.find( 'tr' ).each( function (rowIndex, r) { var cols = []; $( this ).find( 'th,td' ).each( function (colIndex, c) { cols.push(c.textContent); }); data.push(cols); }); return data; } script > head > body > form id ="form1" runat ="server"> div > table id ="tstTable" class ="tbl"> caption > Version History Table caption > thead > tr > th > Change Date th > th > Change Type th > th > Description th > th > StaffID th > tr > thead > tbody > tr > td > 16/04/2010 07:30 td > td > Edit td > td > New role td > td > 00215 td > tr > tr > td > 15/02/2012 14:37 td > td > Edit td > td > Out of stock td > td > 85487 td > tr > tr > td > 14/03/2013 10:18 td > td > Add td > td > Out of date td > td > 15748 td > tr > tbody > table > div > form > body > html >

Karthikeyan K · Answer

Hi Refer this https://jsfiddle.net/KarthikeyanK/beyym/759/embedded/result/ https://jsfiddle.net/KarthikeyanK/beyym/759/light/

jquery

Answers (3)