javascript - 使用 Javascript 更改 asp.net core 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看看它是如何工作的。