更改VAR价值与点击按钮

Question

数据-ID我有此链接：

<a class="PQReport" href="#" data-id="<?php echo $rowA['pq_id']; ?>"></a> 

当我点击该链接我wan't这个按钮的ID更改：

<button class="BorderBtn AskForDelete" id="">Delete</button> 

当我点击该按钮，我wan't这个脚本工作：

$(document).ready(function(){ 
    $('.AskForDelete').click(function() { 
     var id = $('.AskForDelete').attr('id'); 
     $.ajax({ 
      type: 'post', 
      url: 'delete.php', 
      data: {id:id}, 
      dataType: 'html', 
      success: function(data) { 

      } 
     }); 
     return false; 
    }); 
}); 

的事情是，每个链接打开一个弹出与该按钮（都在同一页上 - 所以没有忧虑）。与其为每个链接创建一个弹出框，我希望能够创建一个弹出框，根据正在单击的链接更改值。

我已经尝试了各种各样的东西 - 不能得到它的工作。

任何建议或指针？

谢谢。

Answer 1

捕获点击.PQReport。把它的数据ID，并把它放在.AskForDelete的ID。例如：

$(document).ready(function(){ 
 

 
$('.PQReport').click(function(e){ 
 
e.preventDefault(); 
 
    $('.AskForDelete').attr('id', $(this).data('id')) 
 
}) 
 

 
    $('.AskForDelete').click(function(e) { 
 
     e.preventDefault(); 
 
     var id = $('.AskForDelete').attr('id'); 
 
      
 
     console.log(id); 
 
     $.ajax({ 
 
      type: 'post', 
 
      url: 'delete.php', 
 
      data: {id:id}, 
 
      dataType: 'html', 
 
      success: function(data) { 
 

 
      } 
 
     }); 
 
     return false; 
 
    }); 
 
    
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a class="PQReport" href="#" data-id="<?php echo $rowA['pq_id']; ?>">CLICK ME</a> 
 

 

 
<button class="BorderBtn AskForDelete" id="">Delete</button>