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

Question

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

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

问题是，如果元素在我的更新面板之外，它会重复* 符号。

有没有办法解决这个问题？ IE。如何检查某个类是否已经有<span style="color:red;">*</span>，这样我就不会添加两次样式？

Answer 1

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

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