javascript - jQuery：替换链接内的文本？

Question

我有以下html结构：

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

我想text用“任何东西”替换这个链接......</p>

这样做的时候……</p>

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

…文本被替换，但链接也消失了。

这样做的时候……</p>

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

… 没发生什么事。

Answer 1

像这样，如果新的文本都是一样的。

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

jQuery 循环遍历a元素，并用文本替换其内容"Anything"。

Answer 2

这些用于在 a 中设置内部文本和 URL 链接的建议a href对我不起作用（使用 JQuery v1.8.3）

以下是确实有效的方法：

HTML

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

JavaScript

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

希望这可以帮助！

Answer 3

如果链接与 URL 相关，您也可以更改链接href。

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

Answer 4

您可以通过以下方式获得此结果，结果将是相同的：

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>')