请寻求有关 JQuery CSS 选择器的帮助。我想从主 UL 列表中识别第一个和最后一个 LI 并更改 CSS 类。第一个应该是
class="grid_4 alpha"
和最后一个
class="grid_4 欧米茄"
<ul>
<li id="linkcat-2" class="grid_4 this should be alpha"><h4 class="widgettitle">Blogroll</h4>
<ul class='xoxo blogroll'>
<li><a href="http://wordpress.com/">WordPress.com</a></li>
<li><a href="http://wordpress.org/">WordPress.org</a></li>
</ul>
</li>
<li id="linkcat-2" class="grid_4"><h4 class="widgettitle">Blogroll</h4>
<ul class='xoxo blogroll'>
<li><a href="http://wordpress.com/">WordPress.com</a></li>
<li><a href="http://wordpress.org/">WordPress.org</a></li>
</ul>
</li>
<li id="linkcat-2" class="grid_4"><h4 class="widgettitle">Blogroll</h4>
<ul class='xoxo blogroll'>
<li><a href="http://wordpress.com/">WordPress.com</a></li>
<li><a href="http://wordpress.org/">WordPress.org</a></li>
</ul>
</li>
<li id="linkcat-2" class="grid_4 this should be omega"><h4 class="widgettitle">Blogroll</h4>
<ul class='xoxo blogroll'>
<li><a href="http://wordpress.com/">WordPress.com</a></li>
<li><a href="http://wordpress.org/">WordPress.org</a></li>
</ul>
</li>
</ul>
我就是无法让正确的 JQuery.css 函数正常工作。
非常感谢您的帮助 - 如果需要,我可以向主 ul 添加一个 id
最佳答案
将 :first-child
和 :last-child
与子 (>
) 选择器一起使用:
$("#master > :first-child").addClass("grid_4 alpha");
$("#master > :last-child").addClass("grid_4 omega");
请记住,类中不能有空格。此标记:
<li class="grid_4 alpha">...
定义一个具有两个类的列表元素。如果您想选择它,可以使用:
$("li.grid_4.alpha")...
表示选择同时具有 grid_4 和 alpha 类的所有列表元素。
关于JQuery CSS 从 UL 列表中选择第一个和最后一个 LI,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2266875/