jQuery En çok kullanılan kapsayıcı kimliği nasıl alınır?

Question

sayfamda,

<span id="pic1" class="container"> 
    <span class="inner"> 
     <span class="img"></span> 
     <span class="strip"></span> 
     <span class="remove_the_main_container"></span> 
    </span> 
</span> 

<span id="pic1" class="container"> 
    <span class="inner"> 
     <span class="img"></span> 
     <span class="strip"></span> 
     <span class="remove_the_main_container"></span> 
    </span> 
</span> 

<span id="pic1" class="container"> 
    <span class="inner"> 
     <span class="img"></span> 
     <span class="strip"></span> 
     <span class="remove_the_main_container"></span> 
    </span> 
</span> 

class="remove_the_main_container" class="remove_the_main_container" ile span tıkladığında span ile span (jQuery kullanarak) kaldırmaktır. Sorun şu ki - Tıklanan açıklığın (class="remove_the_main_container") içerisine yerleştirildiği en üstteki kapsayıcının kimliği nasıl alınır?

Answer 1

Sen bunu vermek seçici eşleşen ilk atası almak için jQuery's .closest() method kullanabilirsiniz.

$('.remove_the_main_container').click(function() { 
    $(this).closest('.container').remove(); 
}); 

container sınıfla diğer ataları varsa Bu şekilde, etkilenmeyecektir.

Veya bu span içeriğini kaldırmak istediğinizi kastettiyseniz, ancak içeriği .inner öğesine gidin ve jQuery's unwrap() method kullanın.

$('.remove_the_main_container').click(function() { 
    $(this).closest('.inner').unwrap(); 
}); 

Answer 2

, sen id almak için böyle bir şey yapabileceğini:

var id = $(".remove_the_main_container").parents(".container").attr("id"); 

Ama ihtiyacını kabı çıkarmak için id yok. Böyle bir şey yapabileceğini:

$(".remove_the_main_container").bind("click", function(eventObj) { 
    $(this).parents(".container").remove(); 
}); 

Answer 3

Bu kod remove_the_main_container hangi örneği göredir yüzden hiçbir kimlikleri ya da doğanın bir şey gerektirir.

jQuery('.remove_the_main_container').bind('click', function (e) { 
     jQuery(e.currentTarget).parents('.container').remove(); 
}); 

Answer 4

Kaldırma işlemini kaldırmak için ID'ye gerek duymamalısınız.

$('.remove_the_main_container').click(function() { 
    $(this).parents('.container').remove(); 
});