zmień tekst html z linku za pomocą jquery

113

tutaj proste pytanie

Czy istnieje sposób na zmianę tekstu „kliknij tutaj”

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

w tym linku

Richard

bPratik
źródło

Odpowiedzi:

164

Musisz użyć funkcji text () jquery . Co to jest:

Uzyskaj połączoną zawartość tekstową wszystkich dopasowanych elementów.

Wynikiem jest ciąg zawierający połączoną zawartość tekstową wszystkich dopasowanych elementów. Ta metoda działa zarówno w przypadku dokumentów HTML, jak i XML. Nie można używać w elementach wejściowych. Dla tekstu pola wejściowego użyj atrybutu val .

Na przykład:

Znajdź tekst w pierwszym akapicie (usuwając html), a następnie ustaw kod HTML ostatniego akapitu, aby pokazać, że to tylko tekst (pogrubienie zniknęło).

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

Akapit testowy .

Akapit testowy.

Ze swoimi znacznikami musisz zrobić:

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

i to spowoduje

<a id="a_tbnotesverbergen" href="#nothing">new text</a>
eKek0
źródło
61

Metoda, której szukasz, to .text () jQuery i możesz jej użyć w następujący sposób:

$('#a_tbnotesverbergen').text('text here');
ksenon
źródło
29
$('#a_tbnotesverbergen').text('My New Link Text');

LUB

$('#a_tbnotesverbergen').html('My New Link Text or HTML');
karim79
źródło
14

Aby to zrobić, potrzebujesz biblioteki J-query:

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

Najpierw musisz umieścić swój element w div w ten sposób:

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

Następnie powinieneś napisać ten kod J-Query:

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

Okazało się, że jest to najprostszy fragment kodu do wykonania zadania. Jak widać, jest to bardzo proste.

dla oryginalnego tekstu linku

Używam:

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

gdzie

   Sector1 = 'my new link text';
David White
źródło
6

Ze zmian HTML DOM W3 Schools : Jeśli spojrzysz na trzeci przykład, który pokazuje, jak możesz zmienić tekst w swoim łączu, „kliknij tutaj”. Przykład:

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

JS:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";
cbell1977
źródło
0

spróbuj tego w javascript

 document.getElementById("22IdMObileFull").text ="itsClicked"
Yitzhak Weinberg
źródło