JAVASCRIPT

find sibling in jquery

Use jQuery .siblings() to select the matching sibling.

$(this).siblings('.bidbutton');

jquery siblings

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

jQuery Siblings

//siblings()
$(document).ready(function(){
  $("h2").siblings();
});

//next()
$(document).ready(function(){
  $("h2").next();
});

//nextAll()
$(document).ready(function(){
  $("h2").nextAll();
});

//nextUntil()
$(document).ready(function(){
  $("h2").nextUntil("h6");
});

jquery sibling

// Sibling with class name 
$(this).next( ".someClassNameOfSibiling" ).css( "display", "none" );

// Full code for for h3 element on click 
// hide the sibling div element
$(document).ready(function(){ 
  $("h3").on("click",function() {
    $(this).next( "div" ).css( "display", "none" );   
  })
});