Comunidad de diseño web y desarrollo en internet online

Cambiar class cuando encuentre valor en otra span

Citar            
MensajeEscrito el 10 Mar 2013 06:11 pm
Hola a todos.

Tengo una duda ya que recien me he puesto a leer articulos de JavaScript porque no se mucho.
Quisiera que me ayuden con esto

Estoy haciendo un codigo para ponerlo en un foro, el codigo es este:

http://jsfiddle.net/Dwdv2/3/

Como verán, la sentencia es aplicada cuando encuentra el valor 0 dentro de los span, y solo lo aplica si el span contiene el class pmt_new, en caso contrario no lo hace.
Si ustedes cambian el valor 0 por 1,2 o cualquier numero no aplica la sentencia. Y es asi como he querido. Hasta aquí todo bien. Pueden hacer la prueba cambiando el 0 por otro numero y dando clic en RUN.

El problema viene aquí,
Necesito que:
Si el valor es 0, cambie el class nomp a nomp_h
Y en el caso que el valor es 1,2 o cualquier numero, que la sentencia no sea aplicada.

Agradeceré mucho sus respuestas.

Por Xpress

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Mar 2013 04:57 pm
Alguna sugerencia?

Por Xpress

5 de clabLevel



 

chrome
Citar            
MensajeEscrito el 11 Mar 2013 11:18 pm
Hola.

Te sugiero que le agregues un "id" tanto a la etiqueta "<a />" que contiene los "PMs sin leer" y otro al <div /> que contiene el mensaje "No tienes mensajes nuevos."

Luego dependiendo la cantidad de PMs sin leer modifiques el "display" con un "if".

Algo así:

Código HTML :

<span class="pmt_new" > <a id="cantPM" href="#">0</a> PMs sin leer 
    <br />
   
    </span>

<br><br>
 <div id="noNew" class="nomp" >No tienes mensaje nuevos</div>


Código Javascript :

jQuery('span:contains("0")').each(function() {
        if(jQuery(this).hasClass('pmt_new'))
        jQuery(this).removeClass("pmt_new").addClass("pmt_new_no");
    });

var cantidad = $('#cantPM').html();
if(cantidad > 0)
{
    $('#noNew').css({display: "none"});
}else{
    $('#noNew').css({display: "block"});
}


Al final solo necesitas ocultarlo, no es necesario cambiar la clase, aunque si quieres hacerlo entonces en lugar de modificar el css agregar y remueve las clases.

Espero te sirva.

Saludos.. =)

Por Kompanhero

21 de clabLevel



Genero:Masculino  

Inocente hasta probar lo contrario.

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.