Ändern Sie den HTML-Text vom Link mit jquery

113

eine einfache Frage hier

Gibt es eine Möglichkeit, den Text "hier klicken" zu ändern?

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

in diesem Link

Richard

bPratik
quelle

Antworten:

164

Sie müssen die text () - Funktion der jquery verwenden . Was es tut ist:

Holen Sie sich den kombinierten Textinhalt aller übereinstimmenden Elemente.

Das Ergebnis ist eine Zeichenfolge, die den kombinierten Textinhalt aller übereinstimmenden Elemente enthält. Diese Methode funktioniert sowohl mit HTML- als auch mit XML-Dokumenten. Kann nicht für Eingabeelemente verwendet werden. Verwenden Sie für Eingabefeldtext das Attribut val .

Beispielsweise:

Suchen Sie den Text im ersten Absatz (entfernen Sie den HTML-Code) und stellen Sie den HTML-Code des letzten Absatzes so ein, dass nur Text angezeigt wird (der Fettdruck ist weg).

var str = $("p:first").text();
$("p:last").html(str);

Test Absatz.

Testabsatz.

Mit Ihrem Markup müssen Sie Folgendes tun:

$('a#a_tbnotesverbergen').text('new text');

und es wird dazu führen

<a id="a_tbnotesverbergen" href="#nothing">new text</a>
eKek0
quelle
61

Die Methode, nach der Sie suchen, ist jQuerys .text () und Sie können sie folgendermaßen verwenden:

$('#a_tbnotesverbergen').text('text here');
Xenon
quelle
29
$('#a_tbnotesverbergen').text('My New Link Text');

ODER

$('#a_tbnotesverbergen').html('My New Link Text or HTML');
karim79
quelle
14

Sie benötigen dazu eine J-Abfragebibliothek:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

Zuerst müssen Sie Ihr Element wie folgt in div einfügen:

<div id="divClickHere">
<a id="a_tbnotesverbergen" href="#nothing">click here</a>
</div>

Dann sollten Sie diesen J-Query-Code schreiben:

<script type="text/javascript">
$(document).ready(function(){
$("#a_tbnotesverbergen").click(function(){
$("#divClickHere a").text('Your new text');
});
});
</script>
Mohammed Alasa'ad
quelle
7

Ich fand, dass dies der einfachste Code ist, um die Arbeit zu erledigen. Wie Sie sehen können, ist es super einfach.

für den ursprünglichen Linktext

Ich benutze:

    $("#sec1").text(Sector1);

wo

   Sector1 = 'my new link text';
David White
quelle
6

Von W3 Schools HTML DOM-Änderungen : Wenn Sie sich das dritte Beispiel ansehen, wird gezeigt, wie Sie den Text in Ihrem Link ändern können, "hier klicken". Beispiel:

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

JS:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";
cbell1977
quelle
0

Versuchen Sie dies in Javascript

 document.getElementById("22IdMObileFull").text ="itsClicked"
Yitzhak Weinberg
quelle