使用 Javascript 更改 asp.net 核心 TagHelpers

Question

我有

 <a id="continue-link" asp-controller="Account" asp-action="Register" asp-route-id="1">Continue </a>

在我的 asp.net 核心应用程序中，编译时生成此 html：

<a href="/Account/Register/1" id="continue-link">Continue </a>

如何从 javascript 更改 asp-route-id 值？我尝试使用$().attr，但无法识别。

Answer 1

您必须在生成的 html 中更改 href 属性。

您可以通过获取 href 属性，将其拆分为数组，然后更改数组中的值并再次将其加入一个带分隔符的字符串，然后替换 a 元素中的 href 属性来实现此目的。

代码示例：

var $link = $('#continue-link');
var href = $link.attr('href').split('/');
href[3] = 4; //here you set your new asp-route-id value
$link.attr('href', href.join('/'));

查看此codepen 以了解其工作原理。