获取<a> href using jQuery

Question

I have this <a> href attribute

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

and I need to get its value ($subID) and assign it to a JavaScript variable. How can I do that?

Answer 1

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

<强> HTML：

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

然后检索这个值

<强> JS：

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

Answer 2

你不需要jQuery。简单的JavaScript很容易：

传统：

＆＃13;

＆＃13;

var value = document.getElementById('cancel').getAttribute('value');
console.log(value);

＆＃13;

<a id="cancel" value="Hello world!" href="#">Cancel</a>

＆＃13;

＆＃13;

＆＃13;

使用CSS选择器：

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

使用jQuery

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

虽然这有效（至少在Chrome中），但链接没有值属性，因此此HTML无效。如果您使用HTML5（您可能会这样做），您可以通过命名属性＆＃39; data-value＆＃39;来使其有效。带有＆＃39;数据的属性 - ＆＃39;为此目的允许使用前缀。

还有其他解决方案，但由于它们超出了范围，请检查Can I add custom attributes to HTML tags。

Answer 3

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

，而不是使用值

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

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

Answer 4

您有两种方法（以及更多）来解决此问题

使用jQuery：

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

使用JavaScript：

var x= document.getElementById("cancel").value;