Select 具有自定义数据值的标签，并将其 href 更改为 jquery

Question

我有这段代码：

<a href="https://api.whatsapp.com/send?phone=" data-ga-label="666666666" target="_blank"></a>

我想 select 这个 a 标签 jquery 基于 "data-ga-label" 属性具有 666666666 值并更改其 href . jquery 怎么可能？谢谢。

Answer 1

您可以像下面这样为自定义数据添加选择器，然后更改 link 的 href 属性。

$('a[data-ga-label="666666666"]').attr('href', 'https://whosebug.com/');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://api.whatsapp.com/send?phone=" data-ga-label="666666666" target="_blank">Link</a>

Answer 2

在jQuery中，可以使用attribute equals selector到select的元素。然后，您可以使用 attr 函数更改 href 位置。

您也可以在一行中执行此操作，就像@Henkan 在他的回答中所做的那样。我只是把它分开来解释每个步骤的作用。

示例：

// This selects the element using the attribute equals selector
let el = $("a[data-ga-label='666666666']");

// This modifies the href using the attr function
$(el).attr("href", "google.com");

// Show updated link
console.log($(el).attr("href"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://api.whatsapp.com/send?phone=" data-ga-label="666666666" target="_blank"></a>

Answer 3

$('a[data-ga-label="666666666"]').attr('href', 'https://whosebug.com/');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://api.whatsapp.com/send?phone=" data-ga-label="666666666" target="_blank">Link</a>

Select 具有自定义数据值的标签，并将其 href 更改为 jquery

Select a tag with custom data value and change its href with jquery

jquery

href

selector