获取<a>href使用jQuery

Get the value of <a> href using jQuery

本文关键字：使用 jQuery href lt 获取 gt      更新时间：2024-05-11

我有这个<a> href属性

<a id="cancel" value="<?php echo $subID;?>" href="#">Cancel</a>

我需要得到它的值（$subID），并将其分配给一个JavaScript变量。我该怎么做？

您应该使用data-value="<?php echo $subID;?>" 而不是使用值

然后你可以得到像这个一样的值

var myVal = $('#cancel').data("value");

您可以将该值添加为自定义数据属性

HTML:

<a id="cancel" data-value="<?php echo $subID;?>" href="#">Cancel</a>

然后像这个一样检索值

JS:

$('#cancel').data('value');

您不需要jQuery。简单的JavaScript很简单：

传统：

var value = document.getElementById('cancel').getAttribute('value');
console.log(value);
<a id="cancel" value="Hello world!" href="#">Cancel</a>

使用CSS选择器：

var value = document.querySelector('#cancel').getAttribute('value');

使用jQuery

var value = $('#cancel').attr('value');

尽管这是有效的（至少在Chrome中），但链接没有value属性，因此此HTML无效。如果你使用HTML5（你可能会这样做），你可以通过将属性命名为"data-value"来使它有效。为此，允许使用前缀为"data-"的属性。

还有其他解决方案，但由于它们超出了此处的范围，请检查是否可以将自定义属性添加到HTML标记中。

您有两种（甚至更多）方法来解决这个

使用jQuery：

var x= $('#cancel').val();

带有JavaScript:

var x= document.getElementById("cancel").value;
相关文章：