Foros del Web » Programando para Internet » Jquery »

Selector hermano con jQuery

Estas en el tema de Selector hermano con jQuery en el foro de Jquery en Foros del Web. Hola compañeros. Tengo una casuística que no soy capaz de resolver. En estos momentos tengo una estructura HTML tal que así: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: ...
  #1 (permalink)  
Antiguo 10/12/2014, 02:55
Avatar de CHuLoSoY  
Fecha de Ingreso: febrero-2002
Ubicación: Ribeira (Galicia)
Mensajes: 1.900
Antigüedad: 22 años, 10 meses
Puntos: 29
Pregunta Selector hermano con jQuery

Hola compañeros.

Tengo una casuística que no soy capaz de resolver. En estos momentos tengo una estructura HTML tal que así:
Código HTML:
Ver original
  1. <p><strong>Título 1</strong></p>
  2. <ul>
  3. <li>Elemento 1</li>
  4. <li>Elemento 2</li>
  5. </ul>
  6. <p><strong>Título 2</strong></p>
  7. <ul>
  8. <li>Elemento 1</li>
  9. <li>Elemento 2</li>
  10. </ul>

Esta jerarquía es inamovible, pero debo manejarla de cierta forma. Necesito recopilar los títulos y las listas ul que lo acompañan.
El problema que tengo es que con la función siblings() de jQuery me devuelve todos los hermanos del título.
Para ver los títulos utilizo un each con el selector de p strong:
Código Javascript:
Ver original
  1. $('#ver > p > strong').each(function() {
  2.     $(this).parent().siblings(); // aquí necesito el <UL> correspondiente al título que tengo seleccionado.
  3. });

Hay alguna forma de comprobar sólo el hermano inmediatamente posterior al <p><strong> de cada iteración?

Muchas gracias por vuestra ayuda.

Saludos.
__________________
ESQUIO Dominios y Hosting
Las mejores características con los mejores precios.
  #2 (permalink)  
Antiguo 10/12/2014, 03:32
Avatar de CHuLoSoY  
Fecha de Ingreso: febrero-2002
Ubicación: Ribeira (Galicia)
Mensajes: 1.900
Antigüedad: 22 años, 10 meses
Puntos: 29
Respuesta: Selector hermano con jQuery

Lo he conseguido con next() pero hay un problema a solucionar:

Código Javascript:
Ver original
  1. $(this).parent().next() ; // devuelve el <ul> que necesito

El problema es que hay algunos títulos a los que no sigue un <ul>. ¿Cómo puedo detectar este inconveniente? Un ejemplo de html:
Código HTML:
Ver original
  1. <p><strong>Título 1</strong></p>
  2. <p><strong>Título 2</strong></p>
  3. <ul>
  4. <li>Elemento 1</li>
  5. <li>Elemento 2</li>
  6. </ul>
Título 1 también es válido, pero no tiene un <ul> después de elementos, entonces, cómo lo detecto?

Gracias por vuestra sabiduría.

Saludos.
__________________
ESQUIO Dominios y Hosting
Las mejores características con los mejores precios.

Etiquetas: selector
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:14.