Jquery removeと$（this）

Question

私はremove()メソッドに問題があります。 $(this)オブジェクトを削除できません。私のコードは次のとおりです。

$(".submit_add_type").live("click", function() { 
     var parent = $(this).parent(); 
     var type_value = parent.children('.type_value').val(); 
     var type_name = parent.children('.type_name').val(); 
     var parent2 = parent.parent(); 
     var permission = parent2.attr('id').replace('perm_types_', ''); 

     $.ajax({ 
      url: "/admin/ajax/permission_type_add", type: "POST", cache: false, 
      data: { 
       permission: permission, 
       type_value: type_value, 
       type_name: type_name, 
      }, 
      success: function(text) { 
       if(text.substr(0,2) == "ok") { 
        var id = text.replace('ok|', ''); 

        $(this).remove(); 
        parent.append('<input class="submit" type="submit" name="" value="edytuj" id="edit_type_'+ id +'" /> <input class="submit delete_type" type="submit" name="" value="usuń" id="delete_type_'+ id +'" />') 

       } else { 
        alert(text); 
       } 
      } 
     }); 
    }); 

私は$(".submit_add_type").remove();に$(this).remove();を変更すると、それは完璧に動作します。何が間違っていますか？

このsubmit_add_typeクラスでは他にもオブジェクトが存在する可能性があり、特定のものだけを削除したいと考えています。

Answer 1

success関数を入力すると、$(this)はtext引数になります。以下のようなもののように変更します。

$(".submit_add_type").live("click", function() { 
    var _this = $(this); 
    ... 

    $(_this).remove(); 

    ... 

Answer 2

あなたが他のいくつかの問題がある上に行く持って、私はjsFiddleでそれをしようとすると、それだけで正常に動作します：http://jsfiddle.net/uLVR5/

それはあなたが.remove（）呼び出しの前に起こって物事を持っているように、それは見えますかなりの量？

Answer 3

あなたの問題は、$.ajaxコールバック内部thisの値が変化します。あなたは変数としてthisを保存し、それをコールバックの中で使用する必要があります。

var that = this; 

$.ajax({ 
    ... 
    success: function(){ 
     $(that).remove(); 
    } 
}); 

Answer 4

"この" "{URL：" ... "データ：" ... "}" のオブジェクトに参照のうえされ、それは「$（this）を持ってしても意味がありませんので、.remove（ ） "どこに置くか。

用途：

$(".submit_add_type").live("click", function() { 
     var elem= $(this), parent = elem.parent(); 
     var type_value = parent.children('.type_value').val(); 
     var type_name = parent.children('.type_name').val(); 
     var parent2 = parent.parent(); 
     var permission = parent2.attr('id').replace('perm_types_', ''); 

     $.ajax({ 
      url: "/admin/ajax/permission_type_add", type: "POST", cache: false, 
      data: { 
       permission: permission, 
       type_value: type_value, 
       type_name: type_name, 
      }, 
      success: function(text) { 
       if(text.substr(0,2) == "ok") { 
        var id = text.replace('ok|', ''); 

        elem.remove(); 
        parent.append('<input class="submit" type="submit" name="" value="edytuj" id="edit_type_'+ id +'" /> <input class="submit delete_type" type="submit" name="" value="usuń" id="delete_type_'+ id +'" />') 

       } else { 
        alert(text); 
       } 
      } 
     }); 
    });