Html table values not getting from Jquery

Question

I have a HTML table like below.I'm going to access that values from jquery.But there's a problem

My HTML

                        <table class="table" id="examtbl">
                        <thead>
                            <tr>
                                <th>Ex No</th>
                                <th>Result</th>

                            </tr>
                        </thead>
                        <tbody>
                                <tr id="7500">
                                    <td id="examNo">
                                        <input class="form-control col-md-3 examNo" readonly="readonly" type="text" value="7500" />
                                    </td>
                                    <td>
                                        <input class="form-control col-md-3"  type="text" value="76" />
                                    </td>

                                </tr>
                                <tr id="7600">
                                    <td id="examNo">
                                        <input class="form-control col-md-3 examNo" readonly="readonly" type="text" value="7600" />
                                    </td>
                                    <td>
                                        <input class="form-control col-md-3"  type="text" value="66" />
                                    </td>

                                </tr>
                        </tbody>

                    </table>

My Script

 $("#examtbl > tbody > tr").each(function () {
       $(this).find('td').find("input").each(function () {
            alert($(".examNo").val()); < -- It hits3 times but everytime it shows me 7500 only.
       });  

   });

** Could you please give me a solution to how to get those values to.

FalcoB · Accepted Answer · 2016-11-15 16:10:51Z

the thing is, that you always call $(".examNo") ... and that means, he always looks for the first item that fits... you have to use this in the inner each loop :)

$("#examtbl > tbody > tr").each(function () {
       $(this).find('td').find("input").each(function () {
            alert($(this).val()); 
       });  
   });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="table" id="examtbl">
    <thead>
        <tr>
            <th>Ex No</th>
            <th>Result</th>
        </tr>
    </thead>
    <tbody>
        <tr id="7500">
            <td id="examNo">
                <input class="form-control col-md-3 examNo" readonly="readonly" type="text" value="7500" />
            </td>
            <td>
                <input class="form-control col-md-3"  type="text" value="76" />
            </td>
        </tr>
        <tr id="7600">
            <td id="examNo">
                <input class="form-control col-md-3 examNo" readonly="readonly" type="text" value="7600" />
            </td>
            <td>
                <input class="form-control col-md-3"  type="text" value="66" />
            </td>
        </tr>
    </tbody>
</table>

Arun · Accepted Answer · 2016-11-15 16:09:23Z

0

$("#examtbl > tbody > tr").each(function () {
   $(this).find('td').find("input").each(function () {
        alert($(this).val()); 
   });  
 });

answered Nov 15, 2016 at 16:09

Arun

1,7091 gold badge16 silver badges18 bronze badges

Comments

RonyLoud · Accepted Answer · 2016-11-15 16:09:30Z

0

You can use this

JS:

$("#examtbl > tbody > tr").each(function () {
                $(this).find('td > input').each(function () {
                    if ($(this).hasClass('examNo'))
                    alert($(this).val()); //< -- It hits3 times but everytime it shows me 7500 only.
                });  

            });

answered Nov 15, 2016 at 16:09

RonyLoud

2,4362 gold badges23 silver badges27 bronze badges

1 Comment

RonyLoud Over a year ago

Check this fiddle

Collectives™ on Stack Overflow

Html table values not getting from Jquery

My HTML

My Script

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

My HTML

My Script

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related