jquery - 指定された要素を対象とするスコープ外の $(this) 制限

Question

ul で指定された li を削除したい場合は、これを行うだけです

$('ul').on('click',function(){
    $(this).find('li').remove();
});

しかし、私の場合、ダイアログボックスの送信ボタンを選択しています.. $(this) を使用することも、li を直接選択することもできません..

$('#submit).click(function(){
   //delete one of my target li..
});

Answer 1

どのようにターゲットを選択しますか？リスト項目を選択済みとしてマークするには、css クラスを追加する必要があります。したがって、選択されたものには選択後liのマークアップがあり<li class="selected">ます。

次に、ハンドラーで次のことを行います

 $('#submit).click(function(){  
    var deleteThis = $('li .selected'); 

    //Do the deletion
   }

Answer 2

この 2 段階のプロセスは、次の JavaScript コードで使用できます。

$('li').on('click',function(){
    var id = $(this).attr("id");
    $("#c" + id).show();
});

$(".confirm").on("click", function(){
    var id = ($(this).attr("id")).substring(1, 2);
    $("#" + id).remove();
});

ここで働くフィドル