How to get a cells value in html table with JQuery

Question

I seen a lot of post talk about my problem but any of one work for me.

I've this html table, I would to get the values under the cell (th) "Index". How can I use jQuery for making this:

<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>

Answer 1

I Think This Will Help You

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();
}

Answer 2

Try this:

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

Example fiddle

Answer 3

To get the content of the <th> tag itself:

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

To traverse the subsequent <td> tags and get their values:

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

Or fiddle with it yourself: http://jsfiddle.net/chaiml/p2uNv/4/

Answer 4

by this th relative td value come

 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

and if you want only th value do this

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