web-dev-qa-db-fra.com

Comment obtenir une valeur de cellules dans un tableau html avec JQuery

J'ai vu beaucoup de posts parler de mon problème mais aucun d'entre eux ne fonctionne pour moi.

J'ai ce tableau html, je voudrais obtenir les valeurs sous la cellule (th) "Index" . Comment puis-je utiliser jQuery pour faire ceci:

<table id="htmlTable">
    <caption>Informations des hotspots</caption>
    <thead>
        <tr>
            <th>Index</th>
            <th>Nom du hotspot</th>
            <th>Image du hotspot</th>
        </tr>
    </thead>
    <tbody>
        <tr id="0">
            <td>0</td>
            <td>Hotspot Fribourg Centre</td>
            <td>../images/logos_hotspot/logo_wifi_centre.png</td>
            <td>
                <input type="button" value="supprimer" />
            </td>
        </tr>
        <tr id="1">
            <td>1</td>
            <td>Hotspot Avry Centre</td>
            <td>../images/logos_hotspot/logo_wifi_avry.png</td>
            <td>
                <input type="button" value="supprimer" />
            </td>
        </tr>
    </tbody>
</table>
jqueryhtml-table
6
loi219

Je crois que ceci vous aidera

var MyRows = $('table#htmlTable').find('tbody').find('tr');
for (var i = 0; i < MyRows.length; i++) {
var MyIndexValue = $(MyRows[i]).find('td:eq(0)').html();
}
12
Mohamed Rashid.P

par cette valeur th t relative venir

 var tharr=[];
    $("#htmlTable").find("tbody tr").each(function(){
    tharr.Push($(this).find("td:eq(0)").text());

    });

alert(tharr.join(",")); //by this you get 0,1

et si vous voulez seulement que la valeur le fasse

$('#htmlTable tr th:first').text();
2
Rituraj ratan

Essaye ça:

var text = $('#htmlTable tr th:first').text(); // = "Index"

Exemple de violon

2
Rory McCrossan

Pour obtenir le contenu de la balise <th> proprement dite:

$('#htmlTable th:first').html()

Pour parcourir les balises <td> suivantes et obtenir leurs valeurs:

$('#htmlTable tr:gt(0)').each(function(){
    console.log($('td:first', $(this)).html());
});

Ou jouez avec vous-même: http://jsfiddle.net/chaiml/p2uNv/4/

2
Chaim Leichman

Essayez le code ci-dessous. 

$(document).on("click", "[id*=tableId] tr", function () {

   var a = $(this).find("td").eq(3).children().html(); 

   alert(a);
});
0
Son Cao