jquery 我如何使achor标签文本到它的网址?[已关闭]

nnvyjq4y  于 2023-02-03  发布在  jQuery
关注(0)|答案(2)|浏览(139)

已关闭。此问题需要details or clarity。当前不接受答案。
**想要改进此问题?**添加详细信息并通过editing this post阐明问题。

2天前关闭。
Improve this question
我如何用jquery把achor标签文本变成它的url,没有空格和小写
我的情况

<a href="#">Hello World</a>

我的期望

<a href="https://www.google.com/hello-world">Hello World</a>
zpf6vheq

zpf6vheq1#

试试这样:

$(document).ready(function() {
  $("a").each(function() {
    var link = $(this).attr("href");
    var text = $(this).text();
    var newLink = link.toLowerCase().replace(/\s/g, '');
    $(this).text(newLink);
  });
});

它将定位页面上的所有锚点标记,检索"href"属性(URL)的值,检索锚点标记文本,将空格替换为空,并将文本转换为小写,然后将更新的文本用作锚点标记文本。

qjp7pelc

qjp7pelc2#

如果希望所有锚URL与其文本相同,可以使用以下jQuery

$("a").each(function(){
   let url = $(this).text().toLowerCase().replace(" ", "-");
   $(this).prop("href", `https://google.com/${url}`);
});

这将达到您在示例中所期望的结果。

相关问题