2013-07-26 17 views
0
**HTML Snippet** 

<table id="mytable"> 
@foreach (var item in Model) { 
<tr class="item"> 
    <td> 
     @Html.DisplayFor(modelItem => item.OrderId) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.CustomerId) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.OrderDate) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.OrderQty) 
    </td> 
    <td class="Weight"> 
     @Html.DisplayFor(ModelItem => item.TotalWeight, new { id="TotalWeight"}) 
    </td> 
    <td> 
     @Html.DisplayFor(modelItem => item.LimeType.LimeTypeName) 
    </td> 
    </tr> 
    </table> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $("tr.item").each(function() { 
      var weight = $(this).find(td[5].val()); 
      var unit = "Kg"; 
      var value = weight + unit; 
      $("#TotalWeight").val(value); 
     }); 
      }); 
</script> 
} 
html as in markup 
<tbody> 
<tr> 
<tr class="item"> 
<td> 1 </td> 
<td> C001 </td> 
<td> 7/26/2013 12:00:00 AM </td> 
<td> 100.00 </td> 
<td class="Weight"> 5000.00 </td> 
<td> Hydrated Lime Powder </td> 
<td> Order Pending </td> 
<td> 
</tr> 
</tbody> 

我想将公斤添加到我的TotalWeight值。我的代码不起作用。它将 Quantity1中的值显示为未定义。如何在jQuery中访问表? 我忘了明确的重量,但依然代码不工作,我已经发布了HTML标记如何使用Jquery使用“Kg”连接数字。我想用单位“公斤”连接TotalWeight字段

+1

“重量”在哪里定义? –

+1

您错过了标签,可能不是原因,但我只是指出。 – eliseobeltran

+0

此外,它似乎是你的元素使用相同的'totalWeight'编号。 ** ID属性在HTML页面中应该是唯一的**您可以使用类,但是我不明白为什么需要它,因为您已经在td上放置了一个类。你也使用输入,或者只是单元格中的文本值? –

回答

1
$(document).ready(function() { 
    $("tr.item").each(function() { 
     var weight = $(this).find('td.Weight').text(); // you left out the quotes and the closing paran 
     var unit = "Kg"; 
     $("#TotalWeight").text(weight + unit); 
    }); 
}); 

jsFiddle DEMO

+0

我给了报价,但它仍然说undefined – Nasreen

+0

先生,我已经发布了HTML – Nasreen

+0

的实际标记将'.val()'更改为'.text()'。 TD没有值,它们只有innerHTML,可以使用'.text()'来找到。 – DevlshOne

0

你或许应该实际计算在斯卡拉的总和(它看起来你使用斯卡拉)代替。此外,您的循环在每个型号后关闭<table>标签,并且您的<tr>标签永远不会关闭。你也有一个ModelItem,应该可能是modelItem像在其他地方。