使用jQuery單擊功能有一個div，而不是一個類或元素

Question

我想要做一些簡單，我沒能找到解決方案（可能或可能是因爲我使用了錯誤的術語，可悲）

其主要思想是我的網頁看起來像這樣：

Button 1 - Button 2 - text - text - text - text 
Button 1 - Button 2 - text - text - text - text 
Button 1 - Button 2 - text - text - text - text 
Button 1 - Button 2 - text - text - text - text 

所以我想按鈕1做一個事情，按鈕2做其他事情，

$(document).ready(function(){ 
    $('btn-danger').click(function() { 
$.ajax({ 
    type:'POST', 
    url: 'script/supression_ligne.php', 
    success: function(data) { 
    alert(data); 
    $("p").text(data); 
     } 
    }) 
    }); 
}); 

這裏是HTML

<button type="button" class="btn btn-success">...</button> 

我可以使它成爲一個ID或全部工作，但只爲類BTN-危險

而且，我對代碼的一個問題沒有，我看到多重奏，人們在實際點擊之前使用了$（document）.ready（function（），所以我想知道做這件事有什麼意義。

因爲我在這裏，我想我可以問我所有的問題：p我只是想確定我理解Ajax部分的邏輯，因爲我從來沒有使用它，如果有人可以解釋我的不同步驟它一旦請求成功，我真的apprecite它

感謝很多:)

Answer 1

$(document).on('click','.button_class',function(){ 
$.ajax({ 
    type:'POST', 
    url: 'script/supression_ligne.php', 
    success: function(data) { 
    alert(data); 
    $("p").text(data); 
     } 
    }); 
});