var classes = $(this).attr('class').split(' '); // this gets the current element classes
var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes.
Yukarıdaki durumdaki ebeveyn bir ankordur.
$ (This) değerinin ilk üst DIV'sini almak isteseydim, kod neye benzerdi?
var classes = $(this).div:parent().attr('class').split(' '); // just a quick try.
* Temel olarak $ (this) 'in ilk üst DIV'sinin sınıflarını almak istiyorum.
Teşekkürler
Yanıtlar:
Kullanım .closest()belirtilen seçicinin DOM ağacı yukarı hareket etmesi.
var classes = $(this).parent().closest('div').attr('class').split(' '); // this gets the parent classes.
.parents('div').eq(0)- jQuery tarafından TAKİP EDİLEN bu çanta CSS seçicisini kullanarak yalnızca ilk öğeyi filtrelemek size hafif bir performans artışı sağlayacaktır - jQuery'deki 'Ek Notlar' bölümüne bakın : eq doc
closest()Ebeveyn hariç tüm ebeveynleri döndürmeyecek şekilde kullanılır div.
.closest()Verilen seçiciyle eşleşen ilk üst öğe öğesini alan kullanın 'div':
var classes = $(this).closest('div').attr('class').split(' ');
DÜZENLE:
@Shef'in belirttiği gibi, .closest()aynı zamanda bir DIV ise mevcut öğeyi döndürecektir. Bunu hesaba katmak için .parent()önce şunu kullanın :
var classes = $(this).parent().closest('div').attr('class').split(' ');
.closest()$(this)DIV öğesi ise kendisiyle eşleşir .
.parents("div").eq(0)
Bu bir div ise ebeveyni alır. Sonra ders alır.
var div = $(this).parent("div");
var _class = div.attr("class");
Basit tutun!
var classes = $(this).parent('div').attr('class');
en iyi seçeneklerden ikisi
$(this).parent("div:first")
$(this).parent().closest('div')
ve elbette sınıfın özünü şu şekilde bulabilirsiniz:
$(this).parent("div:first").attr("class")
$(this).parent().closest('div').attr("class")
parents("div")geçiş yapıyor ve.eq(0)yalnızca istediğinizi döndürdüğünden emin olmak için sonrasında kullanmanız gereken tüm üst div'leri döndürüyor