Question

I have a dropdown and when i choose an option it will load an appropriate table from the server and display it using jQuery, along with the table i also send a tiny jQuery script like,

        <table id="dataFileTableHeader">
            <thead>
                <tr>
                    <th><strong>Export Type</strong></th>
                    <th><strong>Company</strong></th>
                    <th><strong>File Name</strong></th>
                    <th><strong>Date Modified</strong></th>
                    <th><strong>Total Records</strong></th>
                    <th><strong>File Size</strong></th>
                    <th><strong>Owner</strong></th>
                </tr>
            </thead>
        </table>
        <script>
        $(function(){
            var i = 0;
            $('#dataFileTableHeader th').each(function(index) {
                alert("hello " + (++i));
            });
        });
        </script>

when this is loaded i am expecting alert to show up 7 times but nothing happens am i missing something?

Answer 1

DEMO

You have a space after your id

(<table id="dataFileTableHeader "> instead of <table id="dataFileTableHeader">

So this one is correct

    <table id="dataFileTableHeader">
        <thead>
            <tr>
                <th><strong>Export Type</strong></th>
                <th><strong>Company</strong></th>
                <th><strong>File Name</strong></th>
                <th><strong>Date Modified</strong></th>
                <th><strong>Total Records</strong></th>
                <th><strong>File Size</strong></th>
                <th><strong>Owner</strong></th>
            </tr>
        </thead>
    </table>
    <script>
    $(function(){
        var i = 0;
        $('#dataFileTableHeader th').each(function(index) {
            alert("hello " + (++i));
        });
    });
    </script>

You can also just use the index in the alert to grab the number. You don’t need “i”