Metoden closest

Metoden closest hittar det närmaste överordnade elementet som matchar den selector som anges som parameter till metoden. Denna metod liknar metoden parent. Sökningen går till på följande sätt: först kontrolleras det omedelbara överordnade elementet, sedan dess överordnade, därefter dess överordnade och så vidare upp till rotelementet (det vill säga till taggen html).

Syntax

Selectorn kan vara ett DOM-element, ett uttryck eller ett jQuery-objekt. Sökningen börjar från det DOM-element som skickas som parameter:

javascript.closest(selector);

Som en andra parameter kan man också skicka ett DOM-element, då kommer sökningen att utföras inom det elementet:

javascript.closest(selector, kontext);

Exempel

Låt oss för elementet med #test hitta dess närmaste överordnade element med klassen www och i början av det elementet infoga ett stycke med texten '!', och i slutet - ett stycke med texten '?':

html<div>
  <div class="www">
    <div>
      <p id="test">text</p>
    </div>
  </div>
</div>

javascript$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

HTML-koden kommer att se ut så här:

html<div>
  <div class="www">
    <p>!</p>
    <div>
      <p id="test">text</p>
    </div>
    <p>?</p>
  </div>
</div>

Se även