如何通过标签<a>传递多个变量？

Question

我想通过使用标记<a>和jquery传递三个变量，我使用名称和标识符以及类传递两个变量。我试图使用标签<a>中的值但它没有奏效。
这是标签<a>：

 <a href="#inserts" class="add_result" 
id="<?php echo $row1['id_visits'];?>" 
name="<?php echo $id_patient;?>" 
    value="<?php echo $row1['id_testing'];?>">اضافة نتائج</a> 

这是jQuery的

$("a.add_result").click(function() { 
    var id_visits1 = $(this).id; 
    var id_patient1 = $(this).name; 
    var id_testing1 = $(this).value; 
     $.ajax({ 
      type: "POST", 
      url: "result_form.php", 
      data: { id_visits:id_visits1,id_patient:id_patient1,id_testing:id_testing1 } 
}); 

任何想法帮助我吗？

Answer 1

的有效性和你的代码中使用的安全data- -attributes：

<a href="#" data-id="id" data-name="name" data-value="value"></a> 

jQuery有一个data()功能，有助于获得data -attributes值：

$("a.add_result").click(function() { 
    var id_visits1 = $(this).data("id"); 
    var id_patient1 = $(this).data("name"); 
    var id_testing1 = $(this).data("value"); 

Answer 2

你也可以使用一个onClick事件。下面的代码正在工作。

<a href="#inserts" class="add_result" id="id_visits" name="id_patient" value="id_testing" onClick="clickMe(this)">اضافة نتائج</a> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> 
<script> 
    function clickMe(element){ 
     var id = $(element).attr('id'); 
     var name = $(element).attr('name'); 
     var val = $(element).attr('value'); 

     alert(id+' : '+name+' : '+val); 
    } 
</script> 

如果您想要获取任何元素的某些属性或属性的值，这很有用。