如何将具有匹配组的字符以粗体显示?

时间:2013-03-20 17:28:35

标签: javascript sharepoint web-parts

我有一个带字母字符的标题页:a b c d e f g h i j k l ..Z 我如何在我的代码中初始化它:我已经声明了一个数组:

char[] alpha = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".ToCharArray();

然后对于每个字母字母carac,我通过执行以下方式调用以下函数:

foreach (char carac in alpha)
        {
            writer.Write(generateTabheader(carac));
        }

功能是:

private string generateTabheader(char currentChar)
        {
            string tabHeaderHTML="<li id=\"tabHeader_" + currentChar.ToString() + "\" style=\"float:left;color:blue; margin-right:10px;margin-left:10px\">" + currentChar.ToString() + "</li>";
            return tabHeaderHTML;
        }

所以它显示一个包含所有aphabet字母的tabheader,当用户选择一个字符时,他将返回以该字符开头的所有组。我成功地使用caml查询返回所有组,并将结果存储在此列表中:result = list.GetItems(query)。如何在我的结果列表中添加具有匹配组的选项卡标题的字符(通过匹配,我的意思是以该字符开头的组标题)以粗体显示,其他字符以斜体显示?

1 个答案:

答案 0 :(得分:0)

使用单击处理程序检测事件。为所有li分配一个类名,例如class =“example”

    $('.example').on('click', function(event){
       $('.example').each(function() {
          $(this).removeClass('.thisClassmakesitalic');
       }
       $(this).addClass('thisClassmakesitalic');
    });

现在添加一个CSS样式来制作元素或其父元素或任何斜体。