Edição no Código de Tópico Quente

Minha questão:

Vejam a o tutorial abaixo:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Queria saber se tem como colocar assim:

0 a 10 posts = Popular

10 a 50 Posts = Comentada

50 em diante = Noticia

seria possível fazer algo assim?

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá,

Troque o código por este:

Código:

$(document).ready(function(){

  $('thead:contains("Respostas")').each(function() {

    $(this).parents('.main-content').find('td.tc2').each(function() {

      var number = $(this).text();
      var reply = parseInt( number );
      var popular = '<span class="hot_topic">Popular</span>';
      var comentada = '<span class="hot_topic">Comentada</span>';
      var noticia = '<span class="hot_topic">Noticia</span>';

        if( reply <= 10 ) {
       
          $(this).append( popular );
       
        }
        else if( reply >= 10 && reply < 50 ){
       
          $(this).append( comentada );
       
        }
        else if( reply > 50 ){
       
          $(this).append( noticia );
       
        }

    });

  });

});

Resulta?

Ficou legal Wagner, olha como eu tinha tentado..

Código:



$(document).ready(function(){
$('thead:contains("Respostas")').each(function() {
  $(this).parents('.main-content').find('td.tc2').each(function() {
  var number = $(this).text();
var hot = '<span class="hot_topic3">Comentado</span>';
 if(number <= 10) {
  $(this).append(hot);
 }
  var hot = '<span class="hot_topic">Popular</span>';
 if(number >= 11) {
  $(this).append(hot);
 }
var hot = '<span class="hot_topic2">Quente</span>';
 if(number >= 50) {
  $(this).append(hot);
 }
  });
});
});


Com cada um tendo seu próprio CSS, mas teve um problema, eles se repetiam as vezes, mas com o seu código ficou ótimo, funcionou perfeitamente.

Agora vou ajustar o CSS de cada.

Que bom que deu certo mano... Na última parte do código, o último else if ali pode ser trocado por um else apenas... Para evitar qualquer bug.. Ficando

Código:

    $(document).ready(function(){

      $('thead:contains("Respostas")').each(function() {

        $(this).parents('.main-content').find('td.tc2').each(function() {

          var number = $(this).text();
          var reply = parseInt( number );
          var popular = '<span class="hot_topic">Popular</span>';
          var comentada = '<span class="hot_topic">Comentada</span>';
          var noticia = '<span class="hot_topic">Noticia</span>';

            if( reply <= 10 ) {
         
              $(this).append( popular );
         
            }
            else if( reply >= 10 && reply < 50 ){
         
              $(this).append( comentada );
         
            }
            else{
         
              $(this).append( noticia );
         
            }

        });

      });

    });

[aviso= Tópico trancado][/aviso]