Boucle sur Chaque Table HTML Colonne et d'Obtenir les Données à l'aide de jQuery

je vais essayer d'obtenir les données à l'intérieur de l'html <tbody>. En gros, j'ai beaucoup de lignes comme ceci;
Boucle sur Chaque Table HTML Colonne et d'Obtenir les Données à l'aide de jQuery

                <tbody>
                    <tr>
                        <td>63</td>
                        <td>Computer</td>
                        <td>3434</td>
                        <td>
                            <button class="btn-medium btn-danger remove" id="mprDetailRemove"><i class="icon-remove"></i></button>
                        </td>
                    </tr>
                    <tr>
                        <td>64</td>
                        <td>Stationary</td>
                        <td>111</td>
                        <td>
                            <button class="btn-medium btn-danger remove" id="Button1"><i class="icon-remove"></i></button>
                        </td>
                    </tr>
                    <tr>
                        <td>64</td>
                        <td>Stationary</td>
                        <td>11</td>
                        <td>
                            <button class="btn-medium btn-danger remove" id="Button2"><i class="icon-remove"></i></button>
                        </td>
                    </tr>
                </tbody>

Maintenant, je suis en boucle et en tentant d'obtenir de la <td> des valeurs de ce type;

        var table = $("#mprDetailDataTable table tbody");

        table.find('tr').each(function (key, val) {
            $(this).find('td').each(function (key, val) {
                var productId = val[key].innerHTML; //this isn't working
                var product = ?
                var Quantity = ?
            });
        });

Mais, je ne suis pas en mesure d'obtenir les valeurs de html(texte) de chaque ligne. Je veux attribuer ces valeurs pour les variables locales.

Aussi, je ne veux pas en arriver la innerHTML d'un bouton (qui est dans chaque ligne)

InformationsquelleAutor DotNet Dreamer | 2013-06-15

68

À l'aide d'un imbriquée .each() signifie que votre boucle intérieure est en train de faire un td à la fois, de sorte que vous ne pouvez pas définir la productId et product et quantity tous dans la boucle interne.

Également à l'aide de function(key, val) et puis val[key].innerHTML n'est pas droit: le .chacun() méthode passe l'index (un entier) et le réel de l'élément, de sorte que vous pouvez utiliser function(i, element) et puis element.innerHTML. Si jQuery définit également this de l'élément, de sorte que vous pouvez juste dire this.innerHTML.

De toute façon, voici un moyen de le faire fonctionner:
```
    table.find('tr').each(function (i, el) {
        var $tds = $(this).find('td'),
            productId = $tds.eq(0).text(),
            product = $tds.eq(1).text(),
            Quantity = $tds.eq(2).text();
        //do something with productId, product, Quantity
    });
```
Démo: http://jsfiddle.net/bqX7Q/

InformationsquelleAutor nnnnnn

essayer cette

    $("#mprDetailDataTable tr:gt(0)").each(function () {
        var this_row = $(this);
        var productId = $.trim(this_row.find('td:eq(0)').html());//td:eq(0) means first td of this row
        var product = $.trim(this_row.find('td:eq(1)').html())
        var Quantity = $.trim(this_row.find('td:eq(2)').html())
    });

cela fonctionne uniquement avec le html() la fonction? j'essaie d'utiliser d'autres fonctions sur les dossiers tels que val() et attr (), mais rien ne fonctionne. quel est le problème précisément?

InformationsquelleAutor sangram parmar

Mon premier post...

J'ai essayé ceci: le changement " tr "pour" td " et vous obtiendrez tous les HTMLRowElements dans un Tableau, et à l'aide de textContent va changer à partir de l'Objet en Chaîne de

var dataArray = [];
var data = table.find('td'); //Get All HTML td elements

//Save important data into new Array
for (var i = 0; i <= data.size() - 1; i = i + 4)
{
  dataArray.push(data[i].textContent, data[i + 1].textContent, data[i + 2].textContent);
}

InformationsquelleAutor Jurgen

Lorsque vous créez votre table, votre td class = "suma"

$(function(){   

   //funcion suma todo

   var sum = 0;
   $('.suma').each(function(x,y){
       sum += parseInt($(this).text());                                   
   })           
   $('#lblTotal').text(sum);   

   //funcion suma por check                                           

    $( "input:checkbox").change(function(){
    if($(this).is(':checked')){     
        $(this).parent().parent().find('td:last').addClass('suma2');
   }else{       
        $(this).parent().parent().find('td:last').removeClass('suma2');
   }    
   suma2Total();                                                           
   })                                                      

   function suma2Total(){
      var sum2 = 0;
      $('.suma2').each(function(x,y){
        sum2 += parseInt($(this).text());       
      })
      $('#lblTotal2').text(sum2);                                              
   }                                                                      
});

Ejemplo completo

Pour garder le site propre, essayez d'éviter d'abréviation comme " u "au lieu de" votre, 'u', au lieu de "vous", etc. 🙂 Merci!

InformationsquelleAutor Dave Rincon

0

Vous pouvez essayer avec textContent.
```
var productId = val[key].textContent;
```
InformationsquelleAutor Zero Fiber

Vous devez vous connecter pour publier un commentaire.