使用 jquery 的分页与 css 的逻辑问题答案

【问题标题】：pagination with jquery logical issue with css使用 jquery 的分页与 css 的逻辑问题
【发布时间】：2014-08-21 18:04:43
【问题描述】：

请帮我找

我有这样的 HTML 代码呈现页面显示

<div class="list">
  <a href="123.html?pageNo=1">1</a>
  <a href="123.html?pageNo=2">2</a>
  <a href="123.html?pageNo=3">3</a>
  <a href="123.html?pageNo=4">4</a>
  <a href="123.html?pageNo=5">5</a>
  <a href="123.html?pageNo=6">6</a>
  <a href="123.html?pageNo=7">7</a>
  </div>

我的要求是，上面的代码用于分页。

当我们点击链接时，它会加载整个页面。带有请求参数的 url。页码。

我想改变点击href的样式，比如我点击了7然后

     <a href="123.html?pageNo=7">7</a> should change to 
              <strong><em>7</em></strong>

剩下的应该是锚。对其他标签也有同样的过程。通过阅读我通过 javascript 获取 pageNo 的 url。但我想从锚标签循环中替换如上（带有强标签的锚标签）。（实际上使用 DOTNET 中的 itemrepeater 编码）。

请原谅我糟糕的英语。说明是，我不应该在 html 代码中使用 Ids 和 class 标签。

【问题讨论】：

"说明，我不应该在 html 代码中使用 Ids 和 class 标签。"我猜是计算机科学课吗？天哪，这些老师太可怕了。
不，我是 SE，客户是韩国人，用他们的 UTF 标准制作 html，未经他的授权，我们无权添加任何新属性。
"); });} }); });

标签： javascript jquery replace find

【解决方案1】：

      <script type="text/javascript">
       $(document).ready(function(){
       var str = $(location).attr('search');
       var pageNo = str.split("=");
       var rpc = '<a href="pagination.html?pageNo='+pageNo[1]+'">'+pageNo[1]+'</a>';
       $(".list a").each(function(){
       if(pageNo[1] == $(this).text()){
         $(this).replaceWith(function(){
             return $("<strong>"+pageNo[1]+"</span>");
        });
      }
     }); 
      });
   </script>

【讨论】：