JQuery: Добавление класса даже к нечетным Элементам Списка
Это подразумевается ответом nsayer, но стоит отметить что OP's (..) синтаксис будет работать, когда "someList" будет что-либо , который реализует java.lang. Повторяемый - это не должен быть список или некоторый набор от java.util. Даже Ваши собственные типы, поэтому, могут использоваться с этим синтаксисом.
5 ответов
Меня это устраивает. Как вы думаете, почему он не работает в вашем коде?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<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>
в качестве альтернативы можно использовать: .filter (": odd"). addClass ("odd")
Прежде всего, вы уверены, что вставили свою таблицу стилей на свою страницу? Я часто об этом забываю. Во-вторых, вы вставили на свою страницу файл jquery js? Я очень часто об этом забываю. В-третьих, делайте то, что говорит Пейрикс, и это должно сработать. Я не понимаю, что в этом плохого.
Возможно ли динамическое создание li? В этом случае вызов для добавления класса должен выполняться не в ready (), а в обратном вызове после вставки li.
Try removing the space between addClass and (
Same with $ and your selector
Are you using Firebug, if you are, look at the HTML, and see if the class names are being applied or not. If they are, you simply forgot to link your stylesheet. If they're not, then there's something wrong with your javascript.