Finden Element mit Rel-Attribut und ändern Sie den Text

Question

Ich habe eine Paginierung für das Durchsuchen älterer Beiträge. Ich muss seinen Text mit jquery oder js ändern. (Seitenumbruch in Laravel-Paket erzeugt, so kann Text nicht direkt bearbeitet werden)

Also habe ich versucht mit rel zu finden und Text zu ersetzen. Aber kein Glück. Das ist mein Code.

$(".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>

Jede Idee?

Answer 1

reine js Lösung.

Bitte beachten: querySelectorAll ein Array zurückgibt, so Position Li Angelegenheiten; Wenn Sie die Position von "prev" li ändern, könnte sich dieser Code unartig verhalten.

Prost

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

Ansatz 2:

Wenn Sie obigen Code das Gefühl, dass der Grund, warum ich erwähnt, verwenden Sie diesen Ansatz anstelle

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 ('Ihren Text hier')