如何将锚标记的 id 附加到 jquery 中的新 href 并替换页面中的 href 属性？

Question

我有以下几点：

<a id="sample"></a>

我想将其更改为：

<a href="https://www.exampledomain/testpage.aspx#sample"></a>

使用 jQuery 或纯 JavaScript。 “样本”是一个非唯一的动态属性，但我需要“预挂”到它的域始终是相同的值。 先感谢您。

Answer 1

尝试.querySelectorAll()和.forEach() 。 此演示添加了href 、文本和title （当用户将鼠标悬停在链接上时显示完整的href值）

 var linx = document.querySelectorAll('a'); linx.forEach(lnk => { let ID = lnk.id; const host = 'https://example.com/#'; lnk.href = host + ID; lnk.title = host + ID; lnk.textContent = ID; });

 a { display: block }

 <a id="ID0"></a> <a id="ID1"></a> <a id="ID2"></a> <a id="ID3"></a> <a id="ID4"></a> <a id="ID5"></a> <a id="ID6"></a> <a id="ID7"></a> <a id="ID8"></a> <a id="ID9"></a> <a id="IDA"></a> <a id="IDB"></a> <a id="IDC"></a> <a id="IDD"></a> <a id="IDE"></a> <a id="IDF"></a>

Answer 2

您可以先设置href，然后删除属性id

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<a id="sample">Sample</a>
<a id="xxx">Sample xxx</a>

<script>
$(document).ready(function() {

    function changeId(id){
        console.log(id);
        var a = document.getElementById(id); 
        a.href = "https://www.exampledomain/testpage.aspx#"+id;
        $('#'+id).removeAttr('id');
    };

    changeId("sample");
    changeId("xxx");
});
</script>
</body>
</html>

Answer 3

这是一个 jQuery 解决方案。 如果您不需要为每个链接都这样做，您应该更新锚变量以使用类或其他选择器。

 var anchor = $("a"); var anchorTarget = "#" + anchor.attr("id"); var link = "https://www.exampledomain/testpage.aspx"; anchor.attr("href", link + anchorTarget);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <a id="sample">Test</a>

Answer 4

const a = $("a");
const id = a.attr("id")
const host = "https://www.exampledomain/testpage.aspx#" 

 a.attr("href", `${host}${id}`)

如何将锚标记的 id 附加到 jquery 中的新 href 并替换页面中的 href 属性？

问题描述

4 个解决方案

解决方案1
1 已采纳 2019-03-29 22:01:18

解决方案2
0 2019-03-29 21:58:43

解决方案3
0 2019-03-29 21:59:29

解决方案4
0 2019-03-29 22:14:36

如何将锚标记的 id 附加到 jquery 中的新 href 并替换页面中的 href 属性？

问题描述

4 个解决方案

解决方案1 1 已采纳 2019-03-29 22:01:18

解决方案2 0 2019-03-29 21:58:43

解决方案3 0 2019-03-29 21:59:29

解决方案4 0 2019-03-29 22:14:36

解决方案1
1 已采纳 2019-03-29 22:01:18

解决方案2
0 2019-03-29 21:58:43

解决方案3
0 2019-03-29 21:59:29

解决方案4
0 2019-03-29 22:14:36