ubah teks html dari tautan dengan jquery

113

pertanyaan sederhana di sini

Apakah ada cara untuk mengubah teks "klik di sini"

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

di tautan ini

Richard

bPratik
sumber

Jawaban:

164

Anda harus menggunakan fungsi text () jquery . Apa yang dilakukannya adalah:

Dapatkan konten teks gabungan dari semua elemen yang cocok.

Hasilnya adalah string yang berisi konten teks gabungan dari semua elemen yang cocok. Metode ini berfungsi pada dokumen HTML dan XML. Tidak dapat digunakan pada elemen masukan. Untuk teks kolom masukan, gunakan atribut val .

Sebagai contoh:

Temukan teks di paragraf pertama (menghapus html), lalu atur html paragraf terakhir untuk menunjukkan bahwa itu hanya teks (tebal hilang).

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

Uji Paragraf.

Uji Paragraf.

Dengan markup Anda, Anda harus melakukan:

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

dan itu akan menghasilkan

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

Metode yang Anda cari adalah .text () jQuery dan Anda dapat menggunakannya dengan cara berikut:

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

ATAU

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

Anda memerlukan pustaka J-query untuk melakukan ini secara sederhana:

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

Pertama, Anda perlu meletakkan elemen Anda di div seperti ini:

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

Maka Anda harus menulis Kode J-Query ini:

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

Saya menemukan ini sebagai kode paling sederhana untuk menyelesaikan pekerjaan. Seperti yang Anda lihat, ini sangat sederhana.

untuk teks tautan asli

Saya menggunakan:

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

dimana

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

Dari Sekolah W3 Perubahan DOM HTML : Jika Anda melihat contoh ke-3, ini menunjukkan bagaimana Anda dapat mengubah teks di tautan Anda, "klik di sini". Contoh:

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

JS:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";
cbell 1977
sumber
0

coba ini di javascript

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