【问题标题】:Loop all value of <LI> in Jquery and change style?在 Jquery 中循环 <LI> 的所有值并更改样式?
【发布时间】:2014-06-24 14:09:34
【问题描述】:

如何使用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 &lt;li&gt; 但我想检查值是否为 ... 并添加该跨度样式。所有这些都用 jquery 吗?

【问题讨论】:

  • 请详细解释您的问题。
  • 我想检查
  • 中是否有 ... 并添加该跨度颜色
  • 什么是跨度颜色?
  • 您能发布您希望生成的 HTML 的样子吗?这将有助于解释你想要做什么。
  • 标签: jquery css indexof


    【解决方案1】:
    $("ul.pager").find("span:contains('..')").css("background-color", "white");
    

    是的,:contains 在您搜索文本时区分大小写。

    【讨论】:

      【解决方案2】:

      我认为您正在寻找这样的东西:

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

      【讨论】:

        猜你喜欢
        相关资源
        最近更新 更多
        热门标签