jQuery：セレクタに変数を渡す方法

Question

私はここを見ましたが、私がしようとしていることに当てはまるものは見つかりませんでした。ここでdelete_itemのクリックイベントで私のAJAX呼び出しは、次のとおりです。

$.ajax({ 
    type: 'POST', 
    url: '<?php echo site_url('channel_partners/cms/delete'); ?>', 
    data: 'article_id=' + article_id, 
    dataType: 'json', 
    cache: false, 
    success: function(data) { 
     $('li').remove($(this).id); 
    }, 
    error: function(xhr, status, error) { 
     alert('Error occurred: ' + status); 
    } 
}); 

それは働いていないことで削除コールとラインです。 $（this）.idは削除しようとしているliのIDを正しく参照しています。私は自分の問題は私が削除呼び出しを使用していると思う。私は構文に何か間違っていると思うが、私は何を伝えることはできない。私はAPIに従ったが、これほど具体的ではなかった。助けてもらえますか？ありがとう。

ああ、私のDOMは次のようになります。

<li id="26"><a class="delete_item" ...></a><li> 

Answer 1

非常にシンプル：

$(this).remove(); 

あなたが実行している場合は特に、現在の「これ」への参照をキャッシュすることもできますasyncronouslyスクリプト：

var pEl = $(this); 
$.ajax({...snip... 
    success:function(data){ 
     pEl.remove(); 
    } 

Answer 2

$("li").attr("id",$(this).id).remove() 

Answer 3

私は、このajax呼び出しが実行されているときにリンクが制御されると仮定しているので、$（this）オブジェクトは<> < li>要素を参照しています。成功イベントの中で直接使用することはできません。だからここにあなたがかもしれないものである：

：で

1. あなたは、あなたがこのようなli要素を削除するために使用することができますバックに成功し、削除の

2. を削除されたアイテムのIDを返すことがあり、「channel_partners/CMS /削除」

   $("li[id=" + data + "]").remove(); 
   

次のように使用することにより、あなたも、サーバーから「ERROR」のように戻ってデータをサーバーから失敗した削除結果を得ることができます。