ParentsUntil әдісі

parentsUntil әдісі элементтің барлық ата-аналарын алады - тек тікелей ата-анасын ғана емес, сонымен қатар үлкен ата-анасын, одан үлкенін және т.б. түбірлік элементке дейін (яғни html тегіне дейін). Бұл ретте ата-аналарды іздеу осы әдіс параметрінде көрсетілген селектор аясына кіретін ата-анаға жеткенде аяқталады.

Синтаксис

Селектор аясына кіретін ата-анаға дейін іздеу, селектор ретінде DOM түйіні, өрнек немесе jQuery нысаны болуы мүмкін, сонымен қатар қосымша сүзгілеу үшін екінші параметрді пайдалануға болады. Екі параметр де міндетті емес:

javascript.parentsUntil([селектор], [фильтр]);

Селекторды көрсетпеуге де болады, бұл жағдайда әдіс parents әдісіне ұқсас әрекет етеді:

javascript.parentsUntil();

Мысал

#test элементін тауып алайық, содан кейін оның барлық ата-аналарын zzz сыныбы бар элементке дейін parentsUntil көмегімен тауып, prepend әдісінің көмегімен олардың басына '!' мәтінін қояйық:

html<div>
  <div class="zzz">
    <div class="www">
      <div class="www">
        <p id="test">мәтін</p>
      </div>
    </div>
  </div>
</div>

javascript$('#test').parentsUntil('.zzz').prepend('!');

HTML коды мынадай болады:

html<div>
  <div class="zzz">
    <div class="www">
      !
      <div class="www">
        !<p id="test">мәтін</p>
      </div>
    </div>
  </div>
</div>

Сондай-ақ қараңыз