How to get text of TD in jquery on dynamically generated table in mvc4?

Question

Hi I have one dynamically generated table. Below is the structure of dynamically generated table. I want to get value of TD which will be having class="user".

@foreach (var group in Model.detailsbyclientId)
{
    <tr class="rowid">
        <td> @group.clientName </td>
        <td> @group.employeeId </td>
        <td> @group.employeeName </td>
        <td> @group.Nationality</td>
        <td> @group.documentType </td>
        <td scope="col">
            <input type="button" class="btn btn-primary btn-cons" value="View Document" onclick="showDocumentData('@group.upld_Id');"/>
        </td>
        <td id="Hi">@group.currentStatus</td>
        <td class="user"><input type="hidden" id="Status" value="@group.currentStatus"/></td>
        <td></td>
    </tr>

I am trying to get value of each TD as below.

$(".rowid").each(function() {
    var a = $(this).find(".user").text();
    alert(a);
});

However I am getting blank in alert on each iteration. So can anyone suggest me where i am wrong in above line of code? Thank you

1. Ids have to be unique (<td id="Hi">, <input id="Status">) 2. There's no text in td.user. Are you looking for the value of the hidden <input />? — Andreas
– Andreas, Commented Sep 26, 2016 at 12:19

Ibrahim Khan · Accepted Answer · 2016-09-26 12:20:29Z

3

You should get the value of input inside .user like following.

$(".rowid").each(function() {
    var a = $(this).find(".user input").val();
    alert(a);
});

answered Sep 26, 2016 at 12:20

Ibrahim Khan

20.8k7 gold badges46 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rakesh Sojitra · Accepted Answer · 2016-09-26 12:19:01Z

0

try this

$(".rowid").each(function() {
        var a = $(this).find(".user").html();
        alert(a);
    });

if you are looking for value of input then

        $(".rowid").each(function () {
            var a = $(this).find(".user input").val();
            alert(a);
        });

answered Sep 26, 2016 at 12:19

Rakesh Sojitra

3,6682 gold badges19 silver badges35 bronze badges

1 Comment

Niranjan Godbole Over a year ago

Worked out. Great. Thanks a lot

Chamith Saranga · Accepted Answer · 2016-09-26 12:38:52Z

0

$(()=>{
  
   $.each($('.user'),(i,d)=>{
    
       alert($(d).html());
   
  });
  
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
      
      <tr>
          <td> 1 </td>
           <td class='user'> google </td>   
      </tr>
      <tr>
            <td> 2 </td>
           <td class='user'> fb </td>
        </tr>
        <tr>
            <td> 3 </td>
           <td class='user'> youtube </td>
        </tr>
   </table>

answered Sep 26, 2016 at 12:38

Chamith Saranga

405 bronze badges

Collectives™ on Stack Overflow

How to get text of TD in jquery on dynamically generated table in mvc4?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related