更改VAR價值與點擊按鈕

數據-ID我有此鏈接：更改VAR價值與點擊按鈕

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

的事情是，每個鏈接打開一個彈出與該按鈕（都在同一頁上 - 所以沒有憂慮）。與其爲每個鏈接創建一個彈出框，我希望能夠創建一個彈出框，根據正在單擊的鏈接更改值。

我已經嘗試了各種各樣的東西 - 不能得到它的工作。

任何建議或指針？

謝謝。

來源

2017-10-16 Morten

更改ID的通常是一個壞主意。例如，ID在頁面上必須是唯一的。如果您根據數據更改它們，您可能會在不同的項目上獲得相同的ID。這將打破各種各樣的事情，通常會造成怪異。如果你的存儲數據使用'data-'屬性，如果你想激活功能，使用'class'es。 – Liam

@李安 - 好的，謝謝。我會研究這一點。 Unamata的答案是完美的 - 我會修改它，所以它會改變數據ID。 – Morten

捕獲點擊.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>

來源

2017-10-16 15:10:15

完美！這工作。我甚至沒有這樣想過。非常非常感謝你！ – Morten

樂意幫忙！請記住，總是試驗！ :) –

更改VAR價值與點擊按鈕

回答

相關問題