クリックした後にidで要素を削除する

Question

私は動的なボタンを持っており、データベースから生成します。 例：私はボタン1をクリックした場合

button 1, id=button1 
button 2, id= button2 
button 3, id= button3 
..etc.... 

、私の機能は、MySQLデータベースに何かをお送りしますので、私は、Ajaxを呼び出します。 しかし、私が欲しいのは、データベースに送信されたプロセスの後にbutton1を削除する方法ですか？私はここのonClick

を入れて、私のボタンで他のボタン（データベースに何かを送信し、ボタンを削除）

と 同じことが私のコードです：

<script> 
    function process(idbutton){ 
    $.ajax({ 
        type: "POST", 
        url: "http://urlofmysite.com/process.php?", 
       data: "pidd=" + idbutton, 
        cache: false, 
        success: function(html){ 
        alert(html); //RESPONSE FROM SERVER  
        } 
       }); 
    //REMOVING BUTTON 
    document.getElementById(+idbutton+).outerHTML=""; 
    } 
</script> 

が、それは使用してjQueryのモバイルで作業をdoesnt電話帳

ありがとうございました

Answer 1

あなたは持っているものを使用する必要があります。 まず、ajax呼び出しにはsuccessコールバックがあります。そこにボタンを削除する必要があります。 ajax呼び出しが機能しない場合（サーバーに到達できない場合）、ボタンはそのまま残ります。 次に、プロジェクトでjQueryを使用します。 jQueryとネイティブDom操作関数を混在させないでください。シンプルで読みやすいjQuery関数$('#'+idbutton).remove()を使用してボタンを削除してください。

<script> 
function process(idbutton) { 
    $.ajax({ 
     type: "POST", 
     url: "http://urlofmysite.com/process.php?", 
     data: "pidd=" + idbutton, 
     cache: false, 
     success: function (html) { 
      alert(html); //RESPONSE FROM SERVER 
      //REMOVING BUTTON 
      $('#' + idbutton).remove(); 
     } 
    }); 

} 
</script >