Question

我有这个链接：

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

当我点击该链接时，我不想更改此按钮的ID：

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

当我点击该按钮时，我不希望这个脚本工作：

$(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中。例如：

＆＃13;

$(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;
    });
    
    
});

＆＃13;

<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>

＆＃13;

单击按钮将var更改为data-id值

1 个答案: