Skip to content

Instantly share code, notes, and snippets.

@varnie

varnie/changeTdStyleUsingJquery.html

Created September 8, 2011 11:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save varnie/1203161 to your computer and use it in GitHub Desktop.
Save varnie/1203161 to your computer and use it in GitHub Desktop.
Download ZIP
an example of changing a style of td using JQuery
Raw
changeTdStyleUsingJquery.html
<html>
<head>
<title>getElementById example</title>
<style>
table .c { color: red }
.a.c {color: green}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var everyFirstTd = $("#t tr td:first");
$("button").click(function() {
everyFirstTd.toggleClass("a");
});
});
</script>
</head>
<body>
<table id="t">
<tr>
<td class="c">Текст</td>
</tr>
</table>
<button>change</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment