如何在 mvc4 中动态生成的表上获取 jquery 中的 TD 文本？答案

【问题标题】：How to get text of TD in jquery on dynamically generated table in mvc4?如何在 mvc4 中动态生成的表上获取 jquery 中的 TD 文本？
【发布时间】：2016-09-26 12:15:48
【问题描述】：

您好，我有一张动态生成的表格。下面是动态生成表的结构。我想获得 class="user" 的 TD 值。

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

我正在尝试获取每个 TD 的值，如下所示。

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

但是，我在每次迭代时都会变得空白。那么任何人都可以建议我在上面的代码行中哪里错了吗？谢谢

【问题讨论】：

1. ID 必须是唯一的 (<td id="Hi">, <input id="Status">) 2. td.user 中没有文本。你在寻找隐藏的<input />的价值吗？
var a = $(this).find(".user").children('input').val();

标签： javascript jquery asp.net-mvc asp.net-mvc-4

【解决方案1】：

您应该在.user 中获取input 的值，如下所示。

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

【讨论】：

【解决方案2】：

试试这个

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

如果您正在寻找输入的价值，那么

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

【讨论】：

解决了。伟大的。非常感谢

【解决方案3】：

$(()=>{
  
   $.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>

【讨论】：