Remove class from siblings javascript

.siblings( [selector ] )Returns: jQuery

Description: Get the siblings of each element in the set of matched elements, optionally filtered by a selector.

• version added: 1.0.siblings( [selector ] )

  • selector

    A string containing a selector expression to match elements against.

Given a jQuery object that represents a set of DOM elements, the .siblings() method allows us to search through the siblings of these elements in the DOM tree and construct a new jQuery object from the matching elements.

The method optionally accepts a selector expression of the same type that we can pass to the $() function. If the selector is supplied, the elements will be filtered by testing whether they match it.

Consider a page with a simple list on it:

  <li class="third-item">list item 3li>

If we begin at the third item, we can find its siblings:

$( "li.third-item" ).siblings().css( "background-color", "red" );

The result of this call is a red background behind items 1, 2, 4, and 5. Since we do not supply a selector expression, all of the siblings are part of the object. If we had supplied one, only the matching items among these four would be included.

The original element is not included among the siblings, which is important to remember when we wish to find all elements at a particular level of the DOM tree. However, if the original collection contains more than one element, they might be mutual siblings and will both be found. If you need an exclusive list of siblings, use $collection.siblings().not($collection).

  <title>siblings demotitle>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
  <li class="hilite">Threeli>
  <li class="hilite">Nineli>
  <li class="hilite">Elevenli>
<p>Unique siblings: <b>b>p>
var len = $( ".hilite" ).siblings()

  <title>siblings demotitle>
  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
<div><span>Hellospan>div>
<p class="selected">Hello Againp>
$( "p" ).siblings( ".selected" ).css( "background", "yellow" );