Trouver premier TD du texte dans un TR avec JQuery

J'utilise JQuery pour itérer sur tous les TRs dans une table,

mais pas toutes les lignes ont des valeurs dans la première cellule.

<TR>
  <TD>3</TD>
  <TD>2</TD>
  <TD>1</TD>
</TR>
  <TD></TD>
  <TD>3</TD>
  <TD>2</TD>
<TR>
</TR>
<TR>
  <TD></TD>
  <TD></TD>
  <TD>3</TD>
</TR>

Comment puis-je cibler le premier TD dans chaque ligne qui n'est pas vide, et pas seulement le premier enfant?

Merci!

Quel est votre itération code?

OriginalL'auteur BarakChamo | 2012-11-11

  1. 19

    Ici est plus simple, plus élégante solution:

    $('tr').find('td:not(:empty):first').css('background', 'red');​

    Violon: http://jsfiddle.net/dandv/JRcEf/

    Il dit seulement en jQuery ce que tu veux dire: "la cible la première td dans chaque tr qui est pas vide".

    C'est super, je m'attendais à un sélecteur de base de la méthode, mais ne pouvait pas l'obtenir. Merci!
    Méfiez-vous que cela nécessitera jQuery pour gérer le sélecteur, il ne sera pas en mesure de s'en remettre à la du navigateur lui-même (beaucoup plus rapide) sélecteur de moteur. 99,9% du temps ce n'est pas grave, bien sûr!

    OriginalL'auteur Dan Dascalescu

  2. 1

    Ce trouve le premier non-blanc enfant td au sein de chaque tr:

    $("tr").each(function() {
    var $firstNonEmptyCell;

    $(this).children("td").each(function() {
        var $td = $(this);
        if ($td.text() === "") {
            $firstNonEmptyCell = $td;
            return false; //Breaks `each` loop
        }
    });

    //...use `$firstNonEmptyCell` here
});

    Ou si vous voulez un jQuery wrapper pour tous les non-blancs, il est trivial de cas d'utilisation pour filtre:

    $("tr").each(function() {
    var nonBlankCells = $(this).children("td").filter(function() {
        return $(this).text() !== "";
    });

    //Use `nonBlankCells` here
});
    Peut-être trivial, mais ne pas battre le one-liner 😉

    OriginalL'auteur T.J. Crowder

  3. 0
    var tds = [];

$('#tableId tr').each(function()
{
  $(this).find('td').each(function()
  {
    if ( $(this).html() != '' )
    {
      tds.push($(this));
      return false;
    }
  });
});

    et voila dans la tds variable que vous avez obtenu vos balises td

    OriginalL'auteur Kir Ivlev