html metnini jquery ile bağlantıdan değiştirin


114

burada basit bir soru

"Buraya tıklayın" metnini değiştirmenin bir yolu var mı

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

bu bağlantıda

Richard

Yanıtlar:


164

Sen kullanmak zorunda jQuery'nin metin () fonksiyonunu . Ne yaptığı:

Tüm eşleşen öğelerin birleşik metin içeriğini alın.

Sonuç, eşleşen tüm öğelerin birleşik metin içeriğini içeren bir dizedir. Bu yöntem hem HTML hem de XML belgelerinde çalışır. Giriş öğelerinde kullanılamaz. Giriş alanı metni için val özelliğini kullanın .

Örneğin:

İlk paragraftaki metni bulun (html'yi çıkararak), ardından son paragrafın html'sini sadece metin olduğunu gösterecek şekilde ayarlayın (kalın gitmiştir).

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

Test Paragrafı.

Test Paragrafı.

İşaretlemeniz ile yapmanız gerekenler:

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

ve sonuçlanacak

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

61

Aradığınız yöntem jQuery'nin .text () yöntemidir ve aşağıdaki şekilde kullanabilirsiniz:

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

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

VEYA

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

14

Bunu basitçe yapmak için J-sorgu kitaplığına ihtiyacınız var:

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

Öncelikle elementinizi şu şekilde div'e koymanız gerekir:

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

O zaman bu J-Sorgu Kodunu yazmalısınız:

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

7

Bunu, işi halletmek için en basit kod parçası olarak buldum. Gördüğünüz gibi çok basit.

orijinal bağlantı metni için

Kullanırım:

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

nerede

   Sector1 = 'my new link text';

6

W3 Okullarından HTML DOM Değişiklikleri : 3. örneğe bakarsanız, bağlantınızdaki metni nasıl değiştirebileceğinizi gösterir, "burayı tıklayın". Misal:

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

JS:

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

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.