jQuery：替换链接中的文本？

Question

我有以下html结构：

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

我想用“Anything”替换此链接的text ...

这样做......

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

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

这样做......

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

......没有任何反应。

Answer 1

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

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

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

Answer 2

这些建议，用于设置内部文本和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

如果链接与网址相关，您也可以按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>')