如何在asp.net的razor视图中使用动态id时使用jquery更改段落的内部html

我试图改变一个段落的内部html，这是在剃刀视图的for循环中。 随着我的数量变化，总价格应该会发生变化。 这是我的动态ID给出的剃刀视图。

 
 
  @foreach (var item in Model) {  } 
 
 
 
Item
 
 
Price
 
Quantity
 
Total
 
 
 
 
 
  
 
 
@item.Product.ProductName
 
Web ID: 1089772
 
 
 
@item.Product.Price
  
 
 
  +    -  
 
 
 
@item.Product.Price
 
 
 @* *@ 
@item.CartID
  
 
 
 
 
 
  
  

我已经使用jquery动态更改数量时单击加号和decraese时单击减号符号给​​它一些id。

这是我的jquery

  $(document).ready(function() { $('.cart_quantity_up').click(function(){ var quantityBox = $("#TextBox", $(this).parent()); var currentValue = quantityBox.val(); var w = parseInt($(this).closest('td').prop('id')); quantityBox.val(parseInt(currentValue) + 1); var oldprice = $("#price").html(); var totprice = parseInt(w) * quantityBox.val(); $('#' + w).find("#totprice").text(totprice); }); $('.cart_quantity_down').click(function() { var quantityBox = $("#TextBox", $(this).parent()); var currentValue = quantityBox.val(); quantityBox.val(parseInt(currentValue) - 1); }); });  

我想在项目的总价格中进行更改，我增加了数量。 这是我尝试但不能改变正确值。 那我怎么能这样做呢。 请帮我。

Answer 1

在您的代码中，您正在尝试访问$("#price").html() ，它扫描整个文档，因为您已经编写了循环，它们是具有相同ID“#price”的多个元素，因此它无法决定选哪一个。

您编写的代码对于您要实现的代码更复杂。

请尝试使用以下代码代替您的代码。