each

[nmoa 0]

boa tarde
estou aqui com uma duvida em usar o each

tenho uma listagem onde cada linha ao carregar irá abrir uma pagina nova, cada linha tem um atributo associado
gostaria que no jquery ao carregar nessa linha ele soubesse qual o atributo

tenho feito assim

$(msg).each(function(){
                 for (var i = 0; i < this.attributes.length; i++) {
                         console.log(' Valor:' +this.attributes["data-id"].nodeValue);
                         var id=this.attributes["data-id"].nodeValue;

                 };
         //return false;
                 });

só que ele assim dá-me a listagem de todos os atributos, se coloco o return false ele só me dá o primeiro atributo...
sei que está a faltar alguma forma de poder tirar deste each apenas o valo clicado

obrigado
desde já pela ajuda

[AndersonMamede 88]

Tente assim:

 

 

$(msg).each(function(){
   console.log($(this).data("id"));
});

 

ou

 

 

$(msg).each(function(){
   console.log($(this).attr("data-id"));
});

[Maujor 144]

Olá nmoa,
Não ficou claro o que você está pretendendo fazer.
Você diz que "cada linha tem um atributo associado". Então por que usar um each() pelos atributos se só existe um?
Explique melhor o que significa "onde cada linha ao carregar irá abrir uma pagina nova", pois carregamento de linha não abre página nova.
Você diz: "tirar deste each apenas o valo clicado". Há um clique em um valor? Não entendi como pode haver um clique em um valor.

Você está querendo saber o valor de um determinado atributo de um elemento HTML quando ele for clicado?
É isso?

[nmoa 0]

ois, a minha ideia é quando carrego num produto ele me abra uma pagina com o detalhe desse produto

tenho o php assim :

$passagem= mysql_query ("SELECT * FROM passagem limit $inicio, $qnt ");
                    $passagem2= mysql_query ("SELECT * FROM passagem ");
                    $total_registros = mysql_num_rows($passagem2);
$pags = ceil($total_registros / $qnt);

while ($passa=mysql_fetch_array($passagem)){
    $emissor = mysql_query ("SELECT * from comercial where id_comercial=".$passa["id_emissor"]."");
    $emi = mysql_fetch_array($emissor);
    
    $comercial = mysql_query ("SELECT * from comercial where id_comercial=".$passa["id_comercial"]."");
    $comerc = mysql_fetch_array($comercial);
    echo' <tr class="message-unread" data-id="'.$passa["id_passagem"].'">
                    <td class="hidden-xs">
                      <label class="option block mn">
                        <input id="escolha" type="checkbox" name="mobileos" value="FR"><span class="checkbox mn"></span>
                      </label>
                    </td>                    
                    <td>'.$emi["nome"].'</td>                    
                    <td>'.$comerc["nome"].'</td>
                    <td class="text-center fw400">'.$passa["data"].'</td>
                  </tr> ';
    
}

depois em jquery quero que ele faça a fução do click para abrir através de um load o detalhe do produto

só que ele não esta a passar a variavel correcta.

 

jquery

  var msgListing = $('.panel > #message-table > tbody > tr > td');
       var msg= $('.panel > #message-table > tbody > tr ');
        var msgCheckbox = $('.panel > #message-table > tbody > tr input[type=checkbox]');
        // on message table checkbox click, toggle highlighted class
        msgCheckbox.on('click', function () {
          $(this).parents('tr').toggleClass('highlight');
        });
        // on message table row click, redirect page. Unless target was a checkbox
        
         msgListing.not(":first-child").on('click', function (e) {
          // stop event bubble if clicked item is not a checkbox
          e.stopPropagation();
          e.preventDefault();
         /*
         $(msg).each(function(){
         for (var i = 0; i < this.attributes.length; i++) {
                console.log(' Valor:' +this.attributes["data-id"].nodeValue);
                var id=this.attributes["data-id"].nodeValue;
                teste(id);
                return false;
            };*/
             console.log('Valor: ' + $(this).attr('data-id'));
        return false;
         });
});
         
     
          // Redirect to message compose page if clicked item is not a checkbox
          
      
  

      function teste (id){
          $(".panel").animate({opacity:0},'fast', function (){
              $(this).addClass("vazio");
              $(".panel2").load("cnt/msg.php?id="+id, function (){
                  $(this).fadeIn("fast");
              });
          });
          return false ;
      }