Bootstrap Table
HTML
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<h1>getData</h1>
<p>Get the loaded data of table: <code>$table.bootstrapTable('getData');</code>
</p>
<div id="toolbar">
<button id="button" class="btn btn-default">getData</button>
</div>
<table data-toggle="table" id="table">
<thead>
<tr>
<th data-field="Name">Name</th>
<th data-field="Stars">Stars</th>
<th>Forks</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr id="tr-id-1" class="tr-class-1">
<td id="td-id-1" class="td-class-1">
<a href="https://github.com/wenzhixin/bootstrap-table">bootstrap-table</a>
</td>
<td>526</td>
<td>122</td>
<td>An extended Bootstrap table with radio, checkbox, sort, pagination, and other added features. (supports twitter bootstrap v2 and v3)
</td>
</tr>
<tr id="tr-id-2" class="tr-class-2">
<td id="td-id-2" class="td-class-2">
<a href="https://github.com/wenzhixin/multiple-select">multiple-select</a>
</td>
<td>288</td>
<td>150</td>
<td>A jQuery plugin to select multiple elements with checkboxes :)
</td>
</tr>
<tr id="tr-id-3" class="tr-class-3">
<td id="td-id-3" class="td-class-3">
<a href="https://github.com/wenzhixin/bootstrap-show-password">bootstrap-show-password</a>
</td>
<td>32</td>
<td>11</td>
<td>Show/hide password plugin for twitter bootstrap.
</td>
</tr>
<tr id="tr-id-4" class="tr-class-4">
<td id="td-id-4" class="td-class-4">
<a href="https://github.com/wenzhixin/blog">blog</a>
</td>
<td>13</td>
<td>4</td>
<td>my blog</td>
</tr>
<tr id="tr-id-5" class="tr-class-5">
<td id="td-id-5"...
JavaScript
var $table = $('#table'),
$button = $('#button');
$(function () {
$button.click(function () {
var data = $table.bootstrapTable('getData');
$.each(data, function(index, value) {
console.info(value.Name);
var startTag = value.Name.indexOf('">') + 2;
var endTag = value.Name.indexOf("</");
$('#output').append($('<li></li>').text( value.Name.substring(startTag,endTag) + " | " + value.Stars));
});
alert(JSON.stringify(firstRow));
});
});