Question

我有浏览旧帖子的分页。我需要使用jquery或js更改它的文本。（在laravel包中生成的分页因此无法直接编辑文本）

所以我试着找到rel并替换文本。但没有运气。这是我的代码。

$(".older-posts").find("li[rel='next']").html("Older posts");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="older-posts">
  <ul class="pagination">
    <li>
      <a href="http://localhost/pages/blog?page=1" rel="prev">« Previous</a>
    </li>
    <li class="disabled"><span>Next »</span></li>
  </ul>
</div>

有什么想法吗？

Answer 1

纯js解决方案：

请注意：querySelectorAll返回一个数组，因此li的位置很重要;如果你改变＆＃34; prev＆＃34;的位置li，那么这段代码可能表现得很顽皮。

干杯

document.querySelectorAll('[rel="prev"]')[0].innerHTML = "Older posts";

方法2：

如果您认为上述代码因我提到的原因而不完整，请改用

var lists = document.querySelectorAll("li")

var filteredList = Array.prototype.filter.call(lists,function(node) {   return node.innerHTML.includes("Previous"); });

filteredList[0].innerHTML = "Older posts";

Answer 2

$（'[rel =“prev”]'）。text（'your text here'）

查找具有rel属性的元素并更改文本

2 个答案: