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

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>


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

LUB

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

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>

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';

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";

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.