bağlantı metnini jquery ile değiştir

html bağlantısının metnini değiştirmek istiyorum:

<a href="index.html" id="link1">Click to go home</a>

şimdi 'eve gitmek için tıklayın' metnini değiştirmek istiyorum

bunu denedim:

alert($("link1").children(":first").val());
alert($("link1").children(":first").text());
alert($("link1").children(":first").html());

ama hepsi bana boş veya boş bir dize veriyor

Deneyin

$("#link1").text()

öğenizin içindeki metne erişmek için. #, Kimliğe göre arama yaptığınızı gösterir. Bir çocuk öğesi aramıyorsunuz, bu nedenle çocuklara ihtiyacınız yok (). Bunun yerine jQuery işlevinizin döndürdüğü öğenin içindeki metne erişmek istiyorsunuz.

Bir öğeyi id ile referans vermek için #niteleyiciyi kullanmanız gerekir .

Deneyin:

alert($("#link1").text());

Değiştirmek için şunları kullanabilirsiniz:

$("#link1").text('New text');

.html()Fonksiyonu da bu durumda çalışacak.

$('#link1').text("Replacement text");

.text()Yöntem eleman içeriğine geçmek metni düşer. Kullanarak farklı olarak .html(), .text()örtük bazı satır içi gömmek için gereken eğer öyleyse, herhangi bir HTML işaretleme gömülü yok sayar <span>, <i>ya da her neyse benzeri elemanları, kullanım .html()yerine.

Kimlik durumunda bunu deneyin

$("#YourId").text('Your text');

VEYA bu, sınıf durumunda

$(".YourClassName").text('Your text');

function liReplace(replacement) {
    $(".dropit-submenu li").each(function() {
        var t = $(this);
        t.html(t.html().replace(replacement, "*" + replacement + "*"));
        t.children(":first").html(t.children(":first").html().replace(replacement, "*" +` `replacement + "*"));
        t.children(":first").html(t.children(":first").html().replace(replacement + " ", ""));
        alert(t.children(":first").text());
    });
}

• İlk kod bir başlığın yerini bul t.html(t.html()
• İkinci kod bir metin yerine t.children(":first")

Örneklem <a title="alpc" href="#">alpc</a>