如何从整个页面asp.net c#中删除类名

Question

我的代码是这样的

<th runat="server" id="thTodayToTenTotal" class="redRow">  
<th runat="server" id="thTodayToTenTotal" class="redRow">

我从 CodeBehind 中删除了 class="redRow" 这样的属性

thTodayToTenTotal.Attributes.Remove("class"); 

没关系。

但是“redRow”类可以在我的页面中有很多。如何一次性从整个页面中删除此类名称。然后我想将这个类添加到一个html元素中。我的意思是我有

<th runat="server" id="wantToAddClass"> 

我像这样从 CodeBehind 添加类

wantToAddClass.Attributes.Add("class", "redRow");

Answer 1

正如 CRise 评论的那样，您必须循环所有 Web 控件并找到具有所需类的每个控件。

让我在这里给你一些帮助。

让我们创建一个实用程序方法。

IEnumerable<Control> FindControl( Control c, Func<Control,bool> predicate )
{
    if( predicate( c ) )
        yield return c;

    foreach (var child in c.Controls) {
        if (predicate((Control)child)) {
           yield return (Control)child;
        }
    }

    foreach( var child in c.Controls )
        foreach( var match in FindControl( (Control)child, predicate ) )
           yield return match;
}

然后在任何你想检查你的类的地方调用这些方法。

foreach(WebControl c in FindControl( Page, c => (c is WebControl) && 
                       ((WebControl)c).CssClass == "redRow" ))
{
     //Do your operation.
}

有关更多详细信息，SO 中已经提出了很多问题。见。

How to select an element by Class instead of ID in ASP.NET?

remove css class in code behind

您也可以使用 JavaScript 或 Jquery。

Answer 2

你可以用 jQuery 来实现，那就是：

$(document).ready (function ({
     var elements = $(".redRow");
     $.each (elements, function(index) {
          elements[index].removeAttr("class");
     });
});

那么问题是，除非从可以锚定到事件的服务器端控件，否则您将不知道要删除哪个元素。由于 id 是每页一个。否则你会尝试解析一个 html 页面，Javascript 很可能是理想的。