Skip to content

Instantly share code, notes, and snippets.

@thesurlydev

thesurlydev/content-based-jquery.html

Created April 9, 2010 15:54
Show Gist options
  • Save thesurlydev/361304 to your computer and use it in GitHub Desktop.
Save thesurlydev/361304 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
content-based-jquery.html
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" language="javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function() {
$('#tbl tr td:nth-child(2)').each(function(i, e) {
var $td = $(this);
var prev = $td.closest('tr').prev().children('td:nth-child(2)').text();
if (prev && ($td.text() != prev)) {
$td.addClass("borderT");
$td.siblings().addClass("borderT");
}
});
});
</script>
<style>
#tbl { border: 2px solid black }
.borderT { border-top: 1px solid black }
</style>
</head>
<body>
<table id="tbl" cellpadding="3" cellspacing="0">
<tr>
<td>row1</td>
<td>4.0</td>
</tr>
<tr>
<td>row2</td>
<td>4.5</td>
</tr>
<tr>
<td>row3</td>
<td>4.5</td>
</tr>
<tr>
<td>row4</td>
<td>5.0</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment