ansaurus

Question

Jquery: Adding a class to even an odd List-Elements

Answer 1

A:

peirix 2009-07-23 11:40:35

A space between the function name and parenthesis is perfectly acceptable.

Kane Wallmann 2009-07-23 11:42:13

so it seems...hmm...

peirix 2009-07-23 11:47:53

style-sheet is being applied, but no classes are being applied

andrej 2009-07-23 13:15:44

Which means there's a problem with your javascript. Did you remember to reference the jQuery library? Have a look at line 5 in petersendidit's answer.

peirix 2009-07-23 13:25:43

do I have to reference it in the <head> section? Or can I put in anywhere in the html?

andrej 2009-07-23 13:39:39

the problem might occur because the list is generated by an asp:repeater?

andrej 2009-07-23 13:40:13

you need to reference the jquery library before you use `$(document).ready()`. And it should have anything to do with asp:repeater, as that would output the html before jQuery fires.

peirix 2009-07-23 13:57:44

Answer 2

+1 A:

This works just fine for me. Why do you think its not working in your code?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<html>
<head>
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript">
        $(document).ready(function() {
            $ ('ul.image-list li:even').addClass('even');
            $ ('ul.image-list li:odd').addClass('odd');
        });
    </script>
    <style>
     .even{
      background: gray;
     }
     .odd{
      color:red;
     }
    </style>
</head>
<body>

<ul class="image-list">
    <li>first element</li>
    <li>second element</li>
    <li>third element</li>
    <li>fourth element</li>
    <li>fifth  element</li>
    <li>last element</li>
</ul>

</body>
</html>

PetersenDidIt 2009-07-23 11:41:50

Answer 3

A:

First of all, are you sure you inserted your style sheet into your page? I often forget this. Second, have you inserted the jquery js file into your page? I forget this very often. Third, do what peirix says and it should work. I don't see whats wrong with it.

Time Machine 2009-07-23 11:41:57

Answer 4

A:

Is it possible that you create the li dynamically? In that case the call to add the class should not be on ready() but on a callback after the insertion of the li.

Elzo Valugi 2009-07-23 12:28:43

and how do I add the class on callback?

andrej 2009-07-23 13:16:16

and the list is populated with a asp:repeater. However I thought, this would be called "dynamically", or am I wrong?

andrej 2009-07-23 13:17:23

Answer 5

A:

you can alternatively use: .filter(":odd").addClass("odd")

2009-07-23 12:31:37

ansaurus

tags:

views:

answers:

Jquery: Adding a class to even an odd List-Elements

related questions