我正在写一个asp.net c# webforms 网站
我正在尝试编写一些 jquery 来实现以下目标：
点击以下链接时
<a title="Relevance" href="www.url.com/search/1/3/5/1/4/0">my link</a>
我希望有一些 jquery 接受 href 并在这种情况下替换最后一个数字 0 尽管我们可以将 0 更改为任何可替换的字符串，这使得它更容易。一旦完成，我们希望将用户重定向到新的 URL。
这在 jquery 中很容易实现吗？任何人都可以指出我的教程方向以实现类似的目标吗？
【问题讨论】：
标签： c# jquery .net asp.net webforms
是的，你可以这样做（不检查准确性，但算法应该是合理的）：
$('#myLink').click(function()
{
var currentUrl = this.href;
var items = currentUrl.split('/');
items[items.length - 1] = 'myNewValue';
window.location.href = items.join('/');
});
实际上，用斜杠分割，然后替换最后一个元素，将字符串重新连接在一起，并将窗口的 href 设置为新位置。
【讨论】：
如果可以将尾随的 0 更改为任何可替换的字符串，是否也可以将其更改为 String.Empty？那样的话，您可以只在 URL 上附加一个值，而不是某种搜索和替换，这要简单得多。
所以你会开始：
<a class="search-link" title="Relevance" href="www.url.com/search/1/3/5/1/4/">my link</a>
有点像 Tejs 所说的，但更简单：
$('a.search-link').click(function()
{
var currentUrl = this.href;
currentUrl += 'myNewValue';
window.location.href = currentUrl;
});
【讨论】：
您总是可以这样做：http://jsfiddle.net/9Kvfh/
$(function()
{
$('.replaceLastNumber').each(function()
{
$(this).click(function(ev)
{
ev.preventDefault();
var ahref = $(this).attr('href');
var Length = ahref.length;
if (ahref.slice(Length - 1, Length) == '/') //Remove trailing slash
ahref = ahref.slice(0, Length - 2);
else
ahref = ahref.slice(0, Length - 1);
ahref += "SomeNewValue";
window.location.href = ahref;
});
});
});
我觉得用不同的方式可以做得更好（这个系统有很多故障点，从你改变你的 php 代码到他们关闭 js）。
【讨论】：
一个相当简单的方法是找到最后的斜线，修剪它的值并用你想要的替换它：
html:
<a title="Relevance" id="link1" href="http://www.url.com/search/1/3/5/1/4/0">my link</a>
jQuery:
$('#link1').click(function(){
// get the url
var url = this.href;
// get the length of the final slash value
var finalSlashLength = url.substring(url.lastIndexOf('/') + 1).length;
// trim the final value off
var newUrl = url.substring(0, url.length - finalSlashLength);
// add the new value
newUrl += 'some new value';
// redirect to the new URL
window.location.href = newUrl;
});
工作样本：
编辑：
由于您在 cmets 中提到标记是动态生成的 - 您可以根据其他选项轻松找到链接。我要寻找的第一件事是它们是否位于一个通用容器中，例如 div 等？查找具有名称、类或 ID 属性的父级并将其用作选择器。
例如，如果标记是这样的：
<div id="searchLinks">
<a title="Relevance" href="http://www.url.com/search/1/3/5/1/4/0">my link</a>
<a title="SomeLink" href="http://www.url.com/search/1/3/5/1/4/1">my link</a>
</div>
然后您可以使用以下方法选择它们：
$('div#searchLinks > a').click(function(){....});
【讨论】：