jQueryの奇数セレクター


  翻訳結果:

odd

英[ɒd] 美[ɑ:d]

adj. 奇妙な; 奇妙な; 残っている; 一時的な

n. 奇妙なもの; 奇妙なもの; [ゴルフ] 相手の複数のショット

jQueryの奇数セレクター構文

関数::奇数セレクターは、奇数のインデックス値 (1、3、5 など) を持つ各要素を選択します。インデックス値は 0 から始まり、最初の要素はすべて偶数 (0) になります。最も一般的な使用法: 他の要素/セレクターと一緒に使用して、指定されたグループ内の奇数番号の要素を選択します (上記の例のように)。

構文: $(":odd")

注: 偶数番号の要素を選択するには、:even セレクターを使用してください。 。

jQueryの奇数セレクター例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"> 
 
$(document).ready(function(){
    $("tr:odd").css("background-color","#B2E0FF");
});
 
</script>	
 
</head>
<body>
<html>
<body>
<h1>Welcome to My Web Page</h1>

<table>
<tr>
<th>Id</th>
<th>LastName</th>

<th>FirstName</th>
<th>Address</th>
<th>City</th>
</tr>

<tr>
<td>1</td>
<td>Adams</td>
<td>John</td>
<td>Oxford Street</td>

<td>London</td>
</tr>

<tr>
<td>2</td>
<td>Bush</td>
<td>George</td>
<td>Fifth Avenue</td>
<td>New York </td>
</tr>

<tr>
<td>3</td>
<td>Carter</td>
<td>Thomas</td>
<td>Changan Street</td>
<td>Beijing</td>
</tr>
<tr>
<td>4</td>
<td>Obama</td>
<td>Barack</td>
<td>Pennsylvania Avenue</td>
<td>Washington</td>
</tr>
</table>
</body>
</html>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

ホームページ

ビデオ

に質問