How to use jQuery .filter() to set css color only to evenor odd HTML <li> items

2 Answers

<!doctype html>
<html>
<head>
  <script src="js/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
 
<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
  <li>list item 7</li>
  <li>list item 8</li>
</ul>

<script>
$("li").filter(":even").css("background-color", "green"); // 0-base indexing
</script>

</body>
</html

70+ SQL courses for beginners and professionals

answered Aug 20, 2016 by avibootz

<!doctype html>
<html>
<head>
  <script src="js/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
 
<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
  <li>list item 7</li>
  <li>list item 8</li>
</ul>

<script>
$("li").filter(":odd").css("background-color", "green"); // 0-base indexing
</script>

</body>
</html>

70+ SQL courses for beginners and professionals

answered Aug 20, 2016 by avibootz

Most popular tags

How to use jQuery .filter() to set css color only to evenor odd HTML <li> items

2 Answers

Related questions