「jQuery入門」:evenで偶数行の要素を指定する

2020年1月2日

:even
偶数番目のインデックス要素

サンプル

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("tr:even").css("background-color","yellow");
});
</script>
</head>
<body>


<table border="1">
<tr>
  <th>homepage</th>
  <th>URL</th>
</tr>
<tr>
<td>Google</td>
<td>http://www.google.com</td>
</tr>
<tr>
<td>abc</td>
<td>http://www.abc.com</td>
</tr>
<tr>
<td>arkgame</td>
<td>http://www.arkgame.com</td>
</tr>
<tr>
<td>yahoo</td>
<td>http://www.yahoo.co.jp</td>
</tr>
<tr>
<td>Facebook</td>
<td>http://www.facebook.com</td>
</tr>
</table>

jQuery

Posted by arkgame

関連投稿: