javascript - 更改页面上使用的每个实例的 jquery 变量

Question

这个问题不太可能对任何 future 的访客有帮助；它只与一个较小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于全世界的互联网受众。如需帮助使此问题更广泛适用， visit the help center 。

已关闭 10 年前。

我正在设置一个页面，其中包含指向不同文档的多个链接。由于链接的名称与它们链接到的文档相匹配，我想我应该编写一个脚本，该脚本获取所有带下划线的内容的内部 html，并在其周围生成一个链接标记，并在链接中输入每个特定的链接名称。

我编写的脚本运行良好，只是它只运行一次并用每个链接更新所有链接。有没有办法让它获取每个实例并单独更改它们？

抱歉，如果我的解释被破坏了!

这是我当前的代码:

<u>Link1</u>
<u>Link2</u>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>
innerU = $("u").html();
$("u").html("<a href=mywebsite.com/" + innerU + ".pdf>" + innerU + "</a>");
</script>

Answer 1

您可以使用 jQuery 的 each()将您想要的转换应用于每个 <u>页面中的元素。像这样的事情:

$("u").each(function() {
    var innerU = $(this).html();
    $(this).html("<a href='mywebsite.com/" + innerU + ".pdf'>" + innerU + "</a>");
});

编辑:在 href 值周围添加引号以生成有效的 HTML。谢谢Kolink引起注意。