cambia il testo html dal collegamento con jquery


113

una semplice domanda qui

C'è un modo per cambiare il testo "clicca qui"

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

in questo link

Richard

Risposte:


164

Devi usare la funzione text () di jquery . Quello che fa è:

Ottieni il contenuto di testo combinato di tutti gli elementi corrispondenti.

Il risultato è una stringa che contiene il contenuto di testo combinato di tutti gli elementi corrispondenti. Questo metodo funziona sia su documenti HTML che XML. Non può essere utilizzato su elementi di input. Per il testo del campo di input, utilizzare l' attributo val .

Per esempio:

Trova il testo nel primo paragrafo (rimuovendo l'html), quindi imposta l'html dell'ultimo paragrafo per mostrare che è solo testo (il grassetto è sparito).

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

Paragrafo di prova .

Paragrafo di prova.

Con il tuo markup devi fare:

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

e risulterà

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

61

Il metodo che stai cercando è .text () di jQuery e puoi usarlo nel modo seguente:

$('#a_tbnotesverbergen').text('text here');

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

O

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

14

Hai bisogno della libreria J-query per farlo semplicemente:

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

Per prima cosa devi mettere il tuo elemento in div in questo modo:

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

Quindi dovresti scrivere questo codice J-Query:

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

7

Ho trovato che questo è il pezzo di codice più semplice per portare a termine il lavoro. Come puoi vedere è semplicissimo.

per il testo del link originale

Io uso:

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

dove

   Sector1 = 'my new link text';

6

Dalle modifiche al DOM HTML di W3 Schools : Se guardi il terzo esempio mostra come puoi cambiare il testo nel tuo link, "clicca qui". Esempio:

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

JS:

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

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.