使用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以查看其工作原理。