避免在部分回发时重复样式

Question

我在ASPX页面中使用了部分回发。在一些元素中，我指定了一个用于样式的css，以标记该元素是否必须填写。最初，在没有放任何东西的情况下，当我进行部分回发时，我的updatepanel内的样式消失了。所以我添加了下面的代码来添加丢失的样式。

function pageLoad(sender, args) {
    if (args.get_isPartialLoad()) {
        $(".Mandatory").append('&nbsp&nbsp<span style="color:red;">*</span>');
    }
}

问题是，如果该元素位于我的更新面板之外，则会*符号重复。

有什么方法可以解决这个问题吗？即如何检查某个类是否已经有<span style="color:red;">*</span>以便我不添加两次样式？

Answer 1

您可以将选择器限制为仅选择更新面板中的元素。例如：

$("#updatepanel .Mandatory").append('&nbsp&nbsp<span style="color:red;">*</span>');