thay đổi văn bản html từ liên kết bằng jquery


113

một câu hỏi đơn giản ở đây

Có cách nào để thay đổi văn bản "bấm vào đây"

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

trong liên kết này

Richard

Câu trả lời:


164

Bạn phải sử dụng hàm text () của jquery . Những gì nó làm là:

Nhận nội dung văn bản kết hợp của tất cả các phần tử phù hợp.

Kết quả là một chuỗi chứa nội dung văn bản được kết hợp của tất cả các phần tử phù hợp. Phương pháp này hoạt động trên cả tài liệu HTML và XML. Không thể sử dụng trên các phần tử đầu vào. Đối với trường nhập văn bản, hãy sử dụng thuộc tính val .

Ví dụ:

Tìm văn bản trong đoạn đầu tiên (loại bỏ html), sau đó đặt html của đoạn cuối cùng để hiển thị nó chỉ là văn bản (chữ in đậm đã biến mất).

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

Đoạn kiểm tra .

Đoạn kiểm tra.

Với đánh dấu của bạn, bạn phải làm:

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

và nó sẽ dẫn đến

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

61

Phương thức bạn đang tìm là .text () của jQuery và bạn có thể sử dụng nó theo cách sau:

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

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

HOẶC LÀ

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

14

Bạn cần thư viện J-query để thực hiện việc này một cách đơn giản:

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

Trước tiên, bạn cần đặt phần tử của mình vào div như sau:

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

Sau đó, bạn nên viết Mã truy vấn J này:

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

7

Tôi thấy đây là đoạn mã đơn giản nhất để hoàn thành công việc. Như bạn có thể thấy nó rất đơn giản.

cho văn bản liên kết gốc

Tôi sử dụng:

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

Ở đâu

   Sector1 = 'my new link text';

6

Từ Trường học W3 Thay đổi DOM HTML : Nếu bạn xem ví dụ thứ 3, nó cho thấy cách bạn có thể thay đổi văn bản trong liên kết của mình, "hãy nhấp vào đây". Thí dụ:

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

JS:

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

0

thử cái này trong javascript

 document.getElementById("22IdMObileFull").text ="itsClicked"
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.