如何隐藏/显示在 ASP.NET 中动态创建的 HTML 元素

Question

我有一个显示两种价格的程序。如果用户注册了，他们会看到正常的价格和折扣；如果用户未注册，他们将看到仅正常价格。所以我想在这种情况下隐藏打折的那个。

string resumen = "<div id='coliz'>";

resumen += "<img src='img/" + p.getNombre().ToLower().Replace(" ", "_") + "_" + p.getColor().ToLower().Replace(" ", "_") + ".png'  alt=''/>" +
"<div class='presupuesto'>" +
"<div id=pvp runat='server'><h2>PVP</h2><h2 class='precio' id='precio' data-val='" + p.getPrecio() + "'>" + String.Format("{0:C}", p.getPrecio()) + "</h2></div>" +
"<div id=pvd runat='server'><h2>PVD</h2><h2 class='precio' id='preciopvd' data-val='" + p.getPrecio() + "'>" + String.Format("{0:C}", p.getPrecio()) + "</h2></div>" +
"<ul class='caracteristicas'>";

我从创建 HTML 内容的数据库中动态设置价格

<div id="contenido">
    <div class="clr"></div>
    <%=_resumen %>
</div>

我的主要想法是查询数据库并获取折扣值，然后执行函数：

_resumen = setResumen();
_custom = setCustomization();
descuento = db.isReseller(AppleCTO.CodigoCliente);
HiddenDescuento.Value = descuento.ToString();

此代码位于Page_Load。

我的问题是：我不能或者我不知道如何控制这些在 C# 中在 Page_Load 上动态创建的元素。或者，也许我可以使用 HiddenField 传递日期并使用 jQuery 执行操作。

我试过jQuery：

var descuento = $('#HiddenDescuento').val();
// VISIBILIDAD DEL PVD
if (descuento == 0) {
    $("#preciopvd").hide()
}
// VISIBILIDAD DEL PVD

有哪些不同的解决方案？

Answer 1

由于我不知道您的程序的完整结构，我可以提出以下建议。
创建 HTML 块并将其隐藏，如 style='display:none;'

使用 JQuery
隐藏，而不是

if (descuento == 0) {
  $("#preciopvd").hide()
}

使用这个，

if (descuento == 0) {
    $("#preciopvd").css("display","none");
}

并显示，

if (descuento == 0) {
    $("#preciopvd").css("display","block");
}

编码愉快！！！