En parcourant la table html avec jQuery

J'ai un tableau html et je veux essentiellement en boucle sur chaque ligne et de chaque cellule par ligne et il suffit d'imprimer les résultats. La seule chose est certaines cellules ont des zones de saisie, certains ont de sélectionner des listes déroulantes et certains ont cru contenu à l'intérieur de la TD.

Quel est le moyen le plus rapide de simplement looop par chaque cellule dans un tableau html et obtenir le résultat de chaque cellule. pour le sélectionner des listes déroulantes je veux capturer la valeur du select (pas le texte de l'affichage).

OriginalL'auteur leora | 2010-01-16

  1. 6

    Démo en ligne: http://jsbin.com/ewazu

    Je suis à vélo à travers chaque TD première et à évaluer si le first-child est un input élément. Si elle l'est, nous retourner sa valeur. Si ce n'est pas, nous nous demandons si elle produit un texte. Si c'est pour produire du texte, nous demandons pour le texte. Si ce n'est pas à produire un texte, nous demande le code HTML pour la TD:

    $("table td").each(function(i,o){
  var value = ( $(":first-child", this).is(":input") ) 
    ? $(":first-child", this).val() 
    : ( $(this).text() != "" ) 
      ? $(this).text() 
      : $(this).html() ;
  alert(value);
});

    OriginalL'auteur Sampson

  2. 2

    Il est difficile de savoir exactement ce que vous voulez, mais si vous pouvez supposer que la td, avec une boîte de sélection n'ont que cela, la td, à l'entrée ont un champ de texte, vous pourriez faire quelque chose comme ceci: http://jsbin.com/alara3/edit

    merci . .cela fonctionne très bien . . est-il de toute façon pour savoir quand vous passez à une autre ligne pour obtenir une ligne en cours ?

    OriginalL'auteur David Hedlund

  3. 2

    Depuis, il y a un seul élément à l'intérieur de chaque cellule, vous pourriez faire quelque chose comme:

    $("#myTable tr").each(function() {
    //this represents the row
    $("td > *", this).each(function() {
        //nodeName attribute represents the tag - "INPUT" if element is <input>
        //use the type attribute to find out exactly what type 
        //of input element it is - text, password, button, submit, etc..
        if(this.nodeName == "INPUT") {
            console.log($(this).attr("type"));
        }
    });
});

    #myTable > tr moyens d'obtenir tous les <tr> éléments qui sont les enfants de certains id="myTable".

    De même, td > * moyens de scolariser tous les enfants de la <td> élément qui est représentée par la this objet maintenant. Ce sont tous les sélecteurs CSS et il existe plusieurs façons de sélectionner un élément dans le DOM. Voir la jQuery docs pour en savoir plus sur les sélecteurs.

    La jQuery core docs sont une excellente référence pour connaître toutes les méthodes disponibles sur l'objet jQuery.

    une fois que vous êtes dans la boucle comment pouvez-vous savoir si il y a une zone de saisie, sélectionnez ou du texte normal ?
    est-il seulement va être 1 élément ou pourrait-on avoir plusieurs?
    toujours va être un élément
    je débogage dans firebug et il semble frappé la première ligne et allez à droite à la fin, comme si il saute au-dessus de tout le code. êtes-vous sûr que la première ligne est correcte ??
    Le sélecteur d'enfant > ne fonctionne pas pour moi non plus dans ce cas. Je vais poster une question sur DONC à ce sujet. Mais bizarrement le sélecteur de descendant œuvres. Et il y avait aussi un support manquant quelque part 🙂 mis à Jour le code.

    OriginalL'auteur Anurag

  4. -1

    vous pouvez utiliser le code suivant.

    $(':input', '#tableId').val('');
    pas de réponse.

    OriginalL'auteur usman mehmood