jQuery: thay thế văn bản bên trong liên kết?

Question

tôi có cấu trúc html sau:

<div class="event tiny"> 
    <a href="/whatever">Something</a> 
</div> 

Và tôi muốn thay thế text của liên kết này với "Bất cứ điều gì" ...

Khi làm điều này ...

$('.event a').replaceWith("Anything");

... các văn bản được thay thế nhưng cũng là liên kết đã biến mất.

Khi làm điều này ...

$('.event a').text().replaceWith("Anything");

... không có gì xảy ra.

Answer 1

Như thế này, nếu văn bản mới hoàn toàn giống nhau.

$('.event a').text("Anything"); 

jQuery vòng qua a yếu tố, và thay thế nội dung của nó với văn bản "Anything".

Answer 2

Bạn cũng có thể thay đổi liên kết bằng href nếu liên quan đến URL.

$('a[href="/whatever"]').text("Anything"); 

Answer 3

Bạn có thể để có được kết quả này trong những cách sau kết quả sẽ giống nhau:

HTML

<div class="event tiny"> 
    <a class="html" href="/whatever">Something</a></br> 
    <a class="text" href="/whatever">Something</a></br> 
    <a class="replaceWith" href="/whatever">Something</a> 
</div> 

JS

$('.event a.html').html('Anything-html') 
$('.event a.text').text('Anything-text') 
$('.event a.replaceWith').replaceWith('<a class="replaceWith" href="/whatever">Anything-replaceWith</a>') 

Answer 4

Những gợi ý, để thiết lập các liên kết URL văn bản & bên trong một a href không làm việc cho tôi (sử dụng JQuery v1.8.3)

Đây là những gì đã làm công việc mặc dù:

HTML

<a id="hrefAnalysisName" ></a> 

Javascript

$("a#hrefAnalysisName").attr("href", "/SomePage/ShowAnalysisDetails.aspx"); 
$("a#hrefAnalysisName").text("Show analysis"); 

Hy vọng điều này sẽ hữu ích!