แทนที่ข้อความจุดยึดด้วย jquery

ฉันต้องการแทนที่ข้อความของจุดยึด html:

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

ตอนนี้ฉันต้องการแทนที่ข้อความ 'คลิกเพื่อกลับบ้าน'

ฉันได้ลองแล้ว:

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

แต่ทั้งหมดนี้ทำให้ฉันเป็นโมฆะหรือสตริงว่างเปล่า

ลอง

$("#link1").text()

เพื่อเข้าถึงข้อความภายในองค์ประกอบของคุณ # แสดงว่าคุณกำลังค้นหาด้วยรหัส คุณไม่ได้มองหาองค์ประกอบลูกดังนั้นคุณไม่ต้องการลูก () แต่คุณต้องการเข้าถึงข้อความภายในองค์ประกอบฟังก์ชัน jQuery ของคุณจะส่งกลับ

ในการอ้างอิงองค์ประกอบตามรหัสคุณต้องใช้#qualifier

ลอง:

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

ในการแทนที่คุณสามารถใช้:

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

.html()ฟังก์ชั่นจะทำงานในกรณีนี้มากเกินไป

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

.text()วิธีการลดลงข้อความที่คุณผ่านมันลงในเนื้อหาขององค์ประกอบ ซึ่งแตกต่างจากการใช้.html(), .text()โดยปริยายละเว้นใด ๆ ฝัง HTML มาร์กอัปดังนั้นหากคุณต้องการฝังแบบอินไลน์บาง<span>, <i>หรืออะไรก็ตามที่องค์ประกอบอื่น ๆ ที่คล้ายกันใช้.html()แทน

ลองใช้ในกรณีของ id

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

หรือในกรณีของคลาส

$(".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());
    });
}

• รหัสแรกค้นหาชื่อเรื่องแทนที่ t.html(t.html()
• รหัสที่สองแทนที่ข้อความ t.children(":first")

ตัวอย่าง <a title="alpc" href="#">alpc</a>