Jquery – Seleccionar elemento siguiente with siblings

Si necesitamos trabajar con un elemento siguiente, entonces necesitamos buscarlo por su .class y luego tratarlo. En este ejemplo desde el .li1 necesitamos ocultar el .li5

<html>
  <head>
  <title></title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>  
  <script>  
    $(document).ready(function(){
      $(".li1").siblings(".li5").hide();      
    });      
  </script>
  </head>
  <body>
    <ul>
      <li class="li1">1</li>
      <li class="li2">2</li>
      <li class="li3">3</li>
      <li class="li4">4</li>
      <li class="li5">5</li>
      <li class="li6">6</li>
    </ul>
  </body>
</html>

Otro ejemplo:
Luego de realizar un “touchstart” a la imagen, redireccionar a la url que contiene el enlace que está dentro del div “.description”.

JQUERY:

$(document).ready(function(){
  $('.cbanner').on('touchstart', function(e) {
    window.location = $(this).siblings(".description").find("a").attr("href");             
    return false;
  });
});

HTML:

<div class="element">
  <img class="cbanner" src="" />
  <div class="otro1">...</div>
  <div class="description" style="cursor: pointer;">
     <a href="/link1/">Link 1</a>
  </div>
  <div class="otro2">...</div>
</div>
post-author