JQuery'de bilinen bir sınıfa sahip bir ebeveyn nasıl bulunur?

İçinde her biri farklı bir yuvalama düzeyinde <div>birçok başka bir şey var <div>. Her çocuğa <div>bir tanımlayıcı vermek yerine, sadece kök <div>tanımlayıcıyı vermek istiyorum . İşte bir örnek:

<div class="a" id="a5">
  <div class="b">
    <div class="c">
      <a class="d">
      </a>
    </div>
  </div>
</div>

Eğer sınıfa yanıt vermek için jQuery'de bir işlev yazar dve onun üst sınıf için kimliğini bulmak istiyorum a, bunu nasıl yaparım?

Basitçe yapamam $('.a').attr('id');, çünkü birden fazla sınıf var a. Ebeveyninin ebeveyninin kimliğini bulabilirim, ancak bu kötü tasarım, yavaş ve çok polimorfik görünmüyor (sınıfın kimliğini bulmak için farklı kod yazmak zorunda kalacaktım c).

Varsayarsak thisedilir .dyazabilirsiniz

$(this).closest('.a');

closestYöntem seçici eşleşen elemanın en iç üst döndürür.

JQuery ebeveyn işlevine bir seçici geçirin :

d.parents('.a').attr('id')

DÜZENLEME yalnızca seçici ile eşleşir yakın atası istiyorsanız Hmm, aslında Slaks cevabı üstündür.

Verilen seçiciyle tüm ebeveynleri almak için ebeveynleri () kullanabilirsiniz .

Açıklama: Her bir öğenin atalarını, isteğe bağlı olarak bir seçici tarafından filtrelenen geçerli eşleşen öğeler kümesinde alın.

Ancak parent () öğesi yalnızca öğenin ilk üst öğesini alır.

Açıklama: İsteğe bağlı olarak bir seçici tarafından filtrelenen geçerli eşleşen öğeler kümesindeki her öğenin üst öğesini alın.

jQuery ebeveyn () ve ebeveyn ()

Ve en iyi olacağını düşündüğüm .parentsUntil () var.

Açıklama: Seçici tarafından eşleşen öğeye kadar olan ancak onu içermeyen geçerli eşleşen öğeler kümesindeki her öğenin atalarını alın.

.ParentsUntil () kullanın

$(".d").parentsUntil(".a");

@ Resord'un yukarıdaki yorumlarından alınmıştır. Bu benim için çalıştı ve soru ile daha yakından eğimli.

$(this).parent().closest('.a');

Teşekkürler