在Jquery中循环<li>的所有值并更改样式？</li>

Question

如何使用juqey检查值传递LI中的所有元素并添加样式？

<ul class="pager">
  <li class="first"><span>1</span></li>
  <li><a href="/blog?page=2">2</a></li>
  <li><a href="/blog?page=3">3</a></li>
  <li><a href="/blog?page=4">4</a></li>
  <li><span>...</span></li>
  <li><a href="/blog?page=2">></a></li>
  <li class="last"><a href="/blog?page=8">>></a></li>
</ul>

我想添加样式background-color：white <li>但我想检查值是否为...并添加该span样式。所有这一切都与jquery？

Answer 1

$("ul.pager").find("span:contains('..')").css("background-color", "white");

是的，如果您要搜索文本，:contains区分大小写。

Answer 2

我认为你正在寻找这样的东西：

$('.pager li').each(function() {
    var $li = $(this);
    if ($li.children().text() === '...') {
        $li.css('background-color', 'white');
    }
});