javascript - 使jquery仅适用于页面上的单个href

Question

我目前有一些 Jquery 代码，允许根据页面的 h1 和 h2 将文本添加到链接。

这是JSFIDDLE

问题是现在这被应用于页面上的所有 a href，包括菜单等，这没有帮助，因为这些链接不需要额外添加的代码。

这是我们正在使用的代码

HTML:

<h1>Web Developer</h1>
<h2>jQuery</h2>
<a href="example.com/?Question12=">job link</a>
<hr>
<div id="href"></div>

Jquery

var link = $("a").attr("href");

link = link+$("h1").html()+"&Question11"+$("h2").html();

link = link.replace(/\s/g,"%20");

$('a').attr("href", link);

$("#href").html(link);

Answer 1

添加id属性为<a...>元素，以便您可以显式引用它。

HTML:

<a href="example.com/?Question12=" id="thisOne">job link</a>

jQuery

var link = $("a#thisOne").attr("href");