2010-08-25 30 views
13

estoy tratando de conseguir un selector de jQuery para el hijo de un hermano (múltiples secciones en la página para que tenga que acaba de llegar a hijo del hermano (en lugar thna ser capaz de utilizar un selector general)selector jQuery para hijo de hermano?

HTML:.

<div class="tour-section"> 
       <div class="screenshots left"> 
        <div class="tab tab1"></div> 
        <div class="tab tab2"></div> 
        <div class="tab tab3"></div> 
        <div class="tab tab4"></div> 
       </div> 
       <div class="talking-point section1"> 
        <h2 class="primary-color-text">Create your listing</h2> 
        <p class="subheader">Create your job listing by adding a few simple details</p> 
       </div> 
</div> 

JS:?.

$(".talking-point.section1").mouseenter(function() { 
      $(this).siblings(".screenshots").children("tab").hide(); 
      $(".screenshots .tab1").show(); 
      $(this).siblings(".screenshots").css("background-position","0 0"); 
     }); 
+1

realidad, no debería tener que poner un 'class' sobre todo * *. Hacer eso es probablemente una señal de no utilizar los selectores correctamente. –

+0

Si .talking-point.section1 era antes de .screenshots, podrías incluso obtener .tab con este selector de CSS: '' '.talking-point.section1 + .screenshots .tab''' – esp

Respuesta

13

Lógicamente debería funcionar te estás perdiendo un punto . para el selector Jquery .children().

.children(".tab") 
+2

Eso no fue desafortunadamente :( – Walker

2

Qué quiere decir children(".tab")

2

Usando find en lugar de children trabajó para mí:

$(this).siblings(".screenshots").find("tab")