Question

我有这段代码：

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

我想使用基于 “ data-ga-label” 的jquery选择此 a 标签具有 666666666 值的属性，并更改其href。 jQuery怎么可能？谢谢。

Answer 1

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

$('a[data-ga-label="666666666"]').attr('href', 'https://stackoverflow.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选择元素。然后，您可以使用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://stackoverflow.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>

选择具有自定义数据值的标签，然后使用jquery更改其href

3 个答案: