通过 Jquery 向"mailto:"添加参数

Question

是否可以使用jQuery将此参数添加到mailto:链接?

?subject=Kontakt%20%7C%20ARCOTEL%20Wimberger%20Wien

这是HTML:

<a data-ga-category="Direct contact" data-ga-action="Email" href="mailto:[e-mail] " class="picons-envelope"><span class="pl-2">[e-mail]</span></a>

我想得到这样的输出:

<a data-ga-category="Direct contact" data-ga-action="Email" href="mailto:[e-mail]?subject=Kontakt%20%7C%20ARCOTEL%20Wimberger%20Wien" class="picons-envelope"><span class="pl-2">[e-mail]</span></a>

非常感谢!

Answer 1

您可以使用attr()来更新属性的值。为方法调用提供一个函数，该函数接受当前值作为参数，并返回新值，如下所示:

$('a.picons-envelope').attr('href', (i, href) => href += '?subject=Kontakt%20%7C%20ARCOTEL%20Wimberger%20Wien');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<a data-ga-category="Direct contact" data-ga-action="Email" href="mailto:[e-mail]" class="picons-envelope"><span class="pl-2">[e-mail]</span></a>