Javascript 从链接接收值

大家好。在一种情况下遇到问题。我有一些链接，比如说5（但可能不止这些）。每个链接都有id=“#link”，但我也有5个不同的变量。因此，我需要了解如何在jquery中接收其中一个变量，具体取决于单击的链接。我怎样才能实现它

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href=\"\" id=\"#link\">link_a</a>");
printf ("<a href=\"\" id=\"#link\">link_b</a>");
printf ("<a href=\"\" id=\"#link\">link_c</a>");
printf ("<a href=\"\" id=\"#link\">link_d</a>");
printf ("<a href=\"\" id=\"#link\">link_e</a>");
?>

注意：变量和链接的数量可以超过5个。它可以是10或20。但我以5为例。谢谢你的帮助。

试试看

$(document).on('click','#link',function() {
    alert($(this).attr('id'));
});

试一试

---

修改你的代码

函数get（）{
var m=$（this.val（）；
警报（m）；
}

---

修改您的代码

函数get（）{
var m=$（this.val（）；
警报（m）；
}

您需要将数据存储在锚（HTML）元素中

这是一条路要走

PHP代码：

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$a\">link_a</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$b\">link_b</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$c\">link_c</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$d\">link_d</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$e\">link_e</a>");
?>

$(document).on('click','a.mylink',function() {
    //Use .attr() to get the data attribute.
    alert($(this).attr('data-variable'));
    return false;
});

您需要将数据存储在锚（HTML）元素中

这是一条路要走

PHP代码：

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$a\">link_a</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$b\">link_b</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$c\">link_c</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$d\">link_d</a>");
printf ("<a href=\"\" class=\"mylink\" id=\"#link\" data-variable=\"$e\">link_e</a>");
?>

$(document).on('click','a.mylink',function() {
    //Use .attr() to get the data attribute.
    alert($(this).attr('data-variable'));
    return false;
});

---

使用

class

而不是

ID

（或者只使用

a

元素），并将PHP变量放入任何数据属性中

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href='' class='link' data-value='" . $a ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $b ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $c ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $d ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $e ."'>link_a</a>");
?>

<script>

var a = document.getElementsByTagName('a');
a.onclick = function() {
    alert(this.getAttribute('data-value'));
    return false;
}

</script>

var a=document.getElementsByTagName（'a'）；
a、 onclick=function（）{
警报（this.getAttribute（'data-value'）；
返回false；
}

使用

class

而不是

ID

（或者只使用

a

元素），并将PHP变量放入任何数据属性中

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href='' class='link' data-value='" . $a ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $b ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $c ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $d ."'>link_a</a>");
printf ("<a href='' class='link' data-value='" . $e ."'>link_a</a>");
?>

<script>

var a = document.getElementsByTagName('a');
a.onclick = function() {
    alert(this.getAttribute('data-value'));
    return false;
}

</script>

var a=document.getElementsByTagName（'a'）；
a、 onclick=function（）{
警报（this.getAttribute（'data-value'）；
返回false；
}

您不能将相同的

id

分配给多个链接，为了实现这些功能，您需要使用

class

这是因为id必须是唯一的

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href=\"\" class=\"link\" data-id=\"$a\">link_a</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$b\">link_b</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$c\">link_c</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$d\">link_d</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$e\">link_e</a>");
?>

---

您不能将相同的

id

分配给多个链接，为了实现这些功能，您需要使用

class

这是因为id必须是唯一的

<?php
$a=1;
$b=2;
$c=3;
$d=4;
$e=5;
printf ("<a href=\"\" class=\"link\" data-id=\"$a\">link_a</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$b\">link_b</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$c\">link_c</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$d\">link_d</a>");
printf ("<a href=\"\" class=\"link\" data-id=\"$e\">link_e</a>");
?>

---

您不能将相同的

id

分配给多个链接，为了实现这样的功能，您需要使用

class

我使用您的想法，使它们class=“link”并使它们id=variable，然后我在juery中使用-var result=this.id；这就是它。谢谢你的消息，我很高兴它能帮助你。将其作为答案发布@alex_mikeYou不能为多个链接分配相同的

id

，为了实现这样的功能，您需要使用

class

我使用您的想法，使它们class=“link”并使它们id=variable，然后我在juery中使用-var result=this.id；这就是它。谢谢你的消息，我很高兴它能帮助你。将其作为答案发布@alex_Mikeyo您应该在写答案之前先尝试。您应该在写答案之前先尝试。链接没有属性

value

。我尝试使用value来做，但无法得到结果，但由于发布后的原因，我意识到在使用值时使用id非常简单。仅var result=this.id；但是谢谢你的回复链接没有属性

value

。我试着用value来做，但是我没有得到结果，但是因为在我的帖子之后出现了这样的情况，我意识到只要在你使用值时使用id，它就非常简单了。仅var result=this.id；但是谢谢你的回答我使用了一些类似的东西，我解决了它（在帖子后阅读评论），但是谢谢你的帮助我非常不推荐使用

id

s来存储数据。请使用数据属性，因为它们在语义上是正确的。我使用了一些类似的东西，我解决了它（在发布后阅读评论），但感谢您的帮助，我非常不推荐使用

id

s来存储数据。请使用数据属性，因为它们在语义上是正确的。