เปลี่ยนข้อความ html จากลิงค์ด้วย jquery

คำถามง่ายๆที่นี่

มีวิธีเปลี่ยนข้อความไหม "คลิกที่นี่"

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

ในลิงค์นี้

ริชาร์ด

คุณต้องใช้jQuery ของข้อความ () ฟังก์ชั่น มันคืออะไร:

รับเนื้อหาข้อความรวมขององค์ประกอบที่ตรงกันทั้งหมด

ผลลัพธ์คือสตริงที่มีเนื้อหาข้อความรวมขององค์ประกอบที่ตรงกันทั้งหมด วิธีนี้ใช้ได้กับทั้งเอกสาร HTML และ XML ไม่สามารถใช้กับองค์ประกอบอินพุต สำหรับข้อความที่ช่องใส่ใช้ แอตทริบิวต์ Val

ตัวอย่างเช่น:

ค้นหาข้อความในย่อหน้าแรก (ขีดฆ่า html) จากนั้นตั้งค่า html ของย่อหน้าสุดท้ายเพื่อแสดงว่าเป็นเพียงข้อความ (ตัวหนาหายไปแล้ว)

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

ย่อหน้าทดสอบ

ย่อหน้าทดสอบ

ด้วยมาร์กอัปของคุณคุณต้องทำ:

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

และจะส่งผลให้

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

วิธีที่คุณกำลังมองหาคือ. text () ของ jQueryและคุณสามารถใช้มันได้ในลักษณะต่อไปนี้:

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

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

หรือ

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

คุณต้องมีไลบรารี J-query เพื่อทำสิ่งนี้ง่ายๆ:

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

ก่อนอื่นคุณต้องใส่องค์ประกอบของคุณใน div ดังนี้:

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

จากนั้นคุณควรเขียน J-Query Code นี้:

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

ฉันพบว่านี่เป็นรหัสที่ง่ายที่สุดในการทำงานให้เสร็จ อย่างที่คุณเห็นมันง่ายมาก

สำหรับข้อความลิงก์ต้นฉบับ

ฉันใช้:

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

ที่ไหน

   Sector1 = 'my new link text';

จาก W3 Schools HTML DOM Changes : หากคุณดูตัวอย่างที่ 3 แสดงว่าคุณสามารถเปลี่ยนข้อความในลิงก์ของคุณได้อย่างไรให้ "คลิกที่นี่" ตัวอย่าง:

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

JS:

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

ลองใช้ในจาวาสคริปต์

 document.getElementById("22IdMObileFull").text ="itsClicked"