Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Selector css adyacente

Estas en el tema de Selector css adyacente en el foro de Jquery en Foros del Web. Buenas. Estoy dando mis primeros pasos con jQuery sabiendo ya algo de javascript y quiero hacer una cosa pero no encuentro ejemplos... Querría que en ...
  #1 (permalink)  
Antiguo 15/12/2015, 04:51
 
Fecha de Ingreso: septiembre-2010
Mensajes: 52
Antigüedad: 14 años, 3 meses
Puntos: 0
Selector css adyacente

Buenas.

Estoy dando mis primeros pasos con jQuery sabiendo ya algo de javascript y quiero hacer una cosa pero no encuentro ejemplos...
Querría que en las celdas de una tabla se pusiera el texto de color en violeta más la celda adyacente que en css se utiliza con el selector + cuando la temp fuese igual o menor a 0ºC con lo que quedarían la temperatura y la hora del mismo color.

Código HTML:
Ver original
  1. <tr>
  2. <td class="fecha">
  3. Divendres 11/12/15</td>
  4. <td class="max10">
  5. 8.1ºC</td>
  6. <td class="max10">
  7. 12:00</td>
  8. <td class="min10">
  9. -0.2ºC</td>
  10. <td class="min10">
  11. 8:30</td>
  12. <td class="max15">
  13. 10.6ºC</td>
  14. <td class="max15">
  15. 12:20</td>
  16. <td class="min15">
  17. -2.2ºC</td>
  18. <td class="min15">
  19. 2:30</td>
  20. </tr>
  21.  
  22.  
  23.  $("td").each(function(){
  24.     if (parseFloat($(this).text()) <= 0 && !$(this).text().match(":")) return $(this).css('color','#B901FC');
  25.  
  26. });
  27.  

La cuestión sería cómo poner a $(this) el selector + en el return de la función de each()

Saludos
  #2 (permalink)  
Antiguo 15/12/2015, 06:56
 
Fecha de Ingreso: septiembre-2010
Mensajes: 52
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Selector css adyacente

Me auto respondo.
La solución es .next() ...

Código Javascript:
Ver original
  1. $("td").each(function(){
  2.     if (parseFloat($(this).text()) <= 0 && !$(this).text().match(":"))  {
  3.                  $(this).css('color','#B901FC');
  4.                  $(this).next().css('color','#B901FC');
  5.                  }
  6.  
  7.  });

Con jQuery es facilísimo hacerlo

Saludos

Etiquetas: css, 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 10:54.