使用 jquery 从 displayfor 获取值答案

【问题标题】：Get value from displayfor with jquery使用 jquery 从 displayfor 获取值
【发布时间】：2016-01-13 14:44:23
【问题描述】：

我想用jQuery获取@html.DisplayFor的十进制值并用json传递。

我尝试：

var debtor = $("#debtor").val();

但我获得debtor 而不是十进制值。

<span class="debtorVal" style="color: red">
      @Html.DisplayFor(model => model.Debtor, new { id = "debtor" })
</span>

model => model.Debtor 是十进制数

【问题讨论】：

【解决方案1】：

尝试简单的html标签：

<span class="debtorVal" style="color: red">
      <span id="debtor">@model.Debtor</span>
</span>

【讨论】：

【解决方案2】：

要获取span、div、p 的值，请使用.text(); 而不是.val();

var debtor = $(".debtorVal").text();

【讨论】：

【解决方案3】：

我想你应该把你的标记改成这样：

<span id="debtor"  class="debtorVal" style="color: red">
      @Html.DisplayFor(model => model.Debtor)
</span>

请注意，我将id 属性放在span 标签上，就像@Stephen Muecke 建议你一样。

您现在可以使用 jQuery 获得这样的价值：

var debtor = $("#debtor").text();

以及纯js的解决方案：

var debtor = document.getElementById("debtor").innerHTML;

【讨论】：