javascript - 如何根据内容使用 jQuery 更改元素的多个实例中的链接的 href

标签 javascript jquery html

这是一个在页面上多次出现的示例元素

<td class=" market all">
    <a href="linktosomesite?param=123" target="_blank">123</a>
</td>

其他元素更改参数,因此其他链接可能看起来像

<td class=" market all">
    <a href="linktosomesite?param=456" target="_blank">456</a>
</td>

我正在寻找一种使用 jQuery 的方法(因为它已经存在于网站上并用于其他内容)来更改链接但保留参数。所以第一个例子看起来像这样

<td class=" market all">
    <a href="otherurl?param=123" target="_blank">123</a>
</td>

我不想只替换 URL 部分,而是读取参数或链接的文本,然后使用它来将新 URL 放入其中。

最佳答案

因此您想将 linktosomesite 替换为 otherurl 并保持其他参数相同。

$(".market a").attr("href", function(){
    var param = this.innerHTML;
    return "linktosomesite?param="+param;
});

关于javascript - 如何根据内容使用 jQuery 更改元素的多个实例中的链接的 href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48719223/

相关文章:

javascript - document.ready 和 $function 之间的区别

javascript - 构建一个流畅的网络应用程序——现在我用什么来制作前端动画?

html - 将 Span 元素定位在 Table 元素上的 CSS 解决方案

html - 如何在具有固定宽度的外部绝对定位 div 内对齐两个内部 div,其中两个 div 具有相同的宽度?

javascript - jQuery 插件 listnav 无法正常使用功能

javascript - iframe 高度更改并覆盖相对 div

javascript - 在 Scribus 中使用组合框填写文本字段

javascript - 由于某种原因, Mongoose 只保存密码哈希而不是所有字段

javascript - 导航栏在滚动和窗口加载或调整大小时发生变化

php - 如何用php生成html以在ajax调用后返回