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

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>

61

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

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

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

ATAU

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

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>

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

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

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.