<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.2.1.min.js"></script>
<script>
$(function () {
//两种写法相同
// $("tr[class='q']").each(function (index, element) {
// $(element).css("color", "green");
// }
$.each($("tr[class='q']"),function (index,element) {
$(element).css("background", "blue");
})
})
</script>
</head>
<body>
<table>
<tr class="q">
<td>1111</td>
<td>22222</td>
</tr>
<tr class="q">
<td>1111</td>
<td>22222</td>
</tr>
<tr class="q">
<td>1111</td>
<td>22222</td>
</tr>
<tr class="q">
<td>1111</td>
<td>22222</td>
</tr>
</table>
<table>
<tr>
<td>1111</td>
<td>22222</td>
</tr>
<tr>
<td>1111</td>
<td>22222</td>
</tr>
<tr>
<td>1111</td>
<td>22222</td>
</tr>
<tr>
<td>1111</td>
<td>22222</td>
</tr>
</table>
</body>
</html>
相关文章：