jQuery erreur?? Comment faire le premier “td” dans toutes les lignes sont visibles

J'ai un tableau et je suis cacher quelques lignes. Je veux obtenir le premier td de toutes les lignes qui sont à l'affiche. J'ai la déclaration suivante

$("table.SimpleTable tbody tr:visible td:first-child");

cela fonctionne sous FireFox mais pas sous IE des idées?

OriginalL'auteur runxc1 Bret Ferrier | 2009-05-07

  1. 6

    Je suis en cours d'exécution du code sur un événement click. Le code html que vous avez écrit est assez bien place, mais pour des raisons inconnues de moi, il ne fonctionne pas. J'ai trouvé un travail autour de même si. (Je suis en train d'essayer d'obtenir une chaîne délimitée par des virgules de toutes les valeurs du premier td pour les lignes visibles) de toute façon le contourner fait le travail.

        var notfirst = false;
    var serials = "";
    var tds = $("table.SimpleTable tbody tr:visible td:first-child");
    for (var i = 0; i < tds.length; i++) {
        var td = $(tds[i]);
        if (td.is(":hidden"))
            continue;
        if (notfirst)
            serials += ",";
        else
            notfirst = true;

        serials += $.trim(td.text());
    }

    Pour une raison :hidden balise fonctionne correctement, mais pas l' :visible dans IE7

    OriginalL'auteur runxc1 Bret Ferrier

  2. 6

    Que devrait travail. Avec le code HTML qui ressemble à ceci:

    <table class='SimpleTable'> 
  <tr style='display: none;'> 
    <td>test1</td> 
  </tr> 
  <tr> 
    <td>test2</td> 
  </tr> 
  <tr> 
    <td>test3</td> 
  </tr> 
  <tr style='display: none;'> 
    <td>test4</td> 
  </tr> 
  <tr> 
    <td>test5</td> 
  </tr> 
  <tr> 
    <td>test6</td> 
  </tr>   
</table>

    Faire:

    $("table.SimpleTable tbody tr:visible td:first-child").css('color','red');

    Fait de la couleur rouge dans Firefox, IE7 pour moi. Quel est votre HTML?

    Voici ce que j'ai testé le dessus sur l'

    MODIFIER: C'est très bizarre pour moi que vous devez faire ce que vous faites en ce moment. Vous devriez être en mesure de remplacer ce que vous avez avec cette:

    var serials = [];
$("table.SimpleTable tbody tr:visible td:first-child").each(function() {
    serials.push($.trim($(this).text()));
});
var serials = serials.join(',');

    Si les TDs sont remplies à partir du sélecteur ils devraient être ceux qui sont visibles. Si vous obtenez caché TDs dans les publications en série (ce qui, je dois le souligner, devrait vraiment pas être le cas et c'est un bug ou un signe d'une erreur quelque part), essayez ce sélecteur à la place:

    $("table.SimpleTable tbody tr:not(:hidden) td:first-child")
    Quand j'ai la chance je vais essayer de le sélecteur vous avez mentionné. J'aime cependant le serails.push() et pour les publications en série.join(",") beaucoup mieux que ce que j'ai et mettra en œuvre que pour vous. Merci.

    OriginalL'auteur Paolo Bergantino

  3. 3

    À partir de la documentation:

    "Comment :visible est calculée a été
    changé en jQuery 1.3.2. Élément
    supposé que visible que si elle et son
    les parents consomme de l'espace dans le document.
    CSS visibilité n'est pas pris en
    compte."

    Peut-être que cela a quelque chose à faire avec elle. Essayez d'utiliser un sélecteur de classe ou de quelque chose au lieu de tr:visible

    OriginalL'auteur Martin Larsson

  4. 3

    pourquoi ne pas vous séparer un peu?

    $("table.SimpleTable").find("tr:visible").find("td:first-child").text()

    ?

    j'ai utilisé ce pour sélectionnez unique, utile merci.

    OriginalL'auteur balint