Potrebujem tvoju pomoc.
Ako môže byť existujúci kód jQuery uvedený nižšieupravené tak, že po kliknutí na tlačidlo by som sa mohol presunúť na posledný riadok v html tabuľke a vybrať (zvýrazniť) ho? Môj spôsob uvažovania bol, že bude možné získať počet riadkov, potom pomocou počtu riadkov presunúť výber na posledný riadok. Myslím, že som sa mýlil, pretože to nefunguje :(
Som priateľský, prosím.
Toto je označenie:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<style type="text/css">
.highlight {
background-color: rgb(255,0,0);
}
</style>
<script type="text/javascript">
window.onload = function() {
var rowCount = $("#data >tbody >tr").length;
var $tbody = $("#data tbody").on("click", "tr", function() {
highlight($(this));
});
$("#goto_prev").click(function() {
var $prev = $tbody.find(".highlight").prev();
highlight($prev);
});
$("#goto_next").click(function() {
var $next = $tbody.find(".highlight").next();
highlight($next);
});
$("#goto_last").click(function() {
highlight(rowCount);
});
function highlight($row) {
if ($row.length) {
$tbody.children().removeClass("highlight");
$row.addClass("highlight");
$("#rownum").val($row[0].rowIndex);
}
}
}
</script>
</head>
<body>
<table id="data" border="1" cellspacing="1" cellpadding="1">
<thead>
<tr>
<th>header1</th>
<th>header2</th>
<th>header3</th>
<th>header4</th>
<th>header5</th>
</tr>
</thead>
<tbody>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</tbody>
</table>
Row Number:
<br>
<input type="text" id="rownum" readonly>
<input type="button" id="goto_prev" value="prev">
<input type="button" id="goto_next" value="next">
<input type="button" id="goto_last" value="last">
</body>
</html>
odpovede:
1 pre odpoveď č. 1Vaša funkcia zvýraznenia vezme objekt Jquery ako parameter, nebude fungovať odoslaním indexu riadku. Môžete to vyriešiť takto:
$("#goto_last").click(function() {
highlight($("#data tr").eq(rowCount));
});