如何将具有匹配组的字符加粗？答案

【问题标题】：How to put the characters that have a matching group in bold?如何将具有匹配组的字符加粗？
【发布时间】：2013-03-09 23:09:55
【问题描述】：

我有一个带有字母字符的制表符标题：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 字母的标签页眉，当用户选择一个字符时，他将返回以该字符开头的所有组。我成功地使用 caml 查询取回了所有组，并将结果存储在此列表中：result = list.GetItems(query)。如何在我的结果列表中将具有匹配组的选项卡标题的字符（通过匹配我的意思是以该字符开头的组标题）以粗体显示，而将其他字符以斜体显示？

【问题讨论】：

标签： javascript sharepoint web-parts

【解决方案1】：

使用点击处理程序来检测事件。为所有 li 分配一个类名，例如 class="example"

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

现在添加一个 CSS 样式以使元素或其父元素或任何斜体。

【讨论】：

感谢您的回答。为什么我们要使用点击处理程序？我实际上希望用户在访问页面时看到页面顶部显示的字母，并以粗体字母显示具有匹配组的字母（列表中以该字母开头的组）和那些他们不会是斜体，用户不必单击字母即可看到它，当他访问页面时，它应该从一开始就显示为这样。很抱歉，如果我没有理解您的想法，我将从 c# 和 javascript 编码开始。
@sara 您能否在 jsfiddle 中发布您的代码示例，以便我可以准确理解您在视觉上想要做什么。我以为您只是在创建一个带有字符的选项卡列表，并且您想在单击后更改这些选项卡的样式。