Search jQuery

jQuery Forum

Getting Started

scripter70

Select even table elements?

in Getting Started • 10 years ago

Hello everyone:

I am doing a exercise to select even table elements, then change the background color and font color of the elements.

To me the code should highlight the content in event number of <td> tag (e.g. Name and Approx. Location)

Could someone explain to me why this happened and what change shall I make, so the code will highlight the content in the even number of the <td> tags

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>hello world</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" ></script>
<script language="JavaScript" type="text/javascript">
<!--
$(document).ready(function(){
$('#celebs tr td:even').css('background-color', '#dddddd');
$('#celebs tr td:even').css('color', '#666');
});
//-->
</script>
</head>
<body>
<table class="data" id="celebs">
<tr>
<td>ID</td>
<td>NAME</td>
<td>OCCUPATION</td>
<td>Approx. Location</td>
<td>Price</td>
</tr>
</table>
</body>
</html>

Replies(2)

alano999

Re: Select even table elements?

10 years ago

Hi. It's because DOM items work on a zero-indexed system and the specification describes the :even selector as selecting the even indexes. So, :even will select indexes 0, 2, 4, 6 and so on, which in ordinal terms are actually the first, third, fifth and seventh items. To achieve what you desire, used the :odd selector. This is the correct functionality, by design. Best wishes, Alan

scripter70

Re: Select even table elements?

10 years ago

Hello Allan:

Thanks for the explanation to tell me the difference between :even and :odd selectors. The concept is similar to the array index concept in the programming language. I understood how the selectors work now:)

Top Reply

Response title

Attachments

jQuery Forum

Select even table elements?

Replies(2)

Re: Select even table elements?

Re: Select even table elements?

Statistics

Tags

Actions