javascript - 如何使用 CSS/Javascript 从存储的文本中删除一行文本或一定数量的单词/字符？

Question

对不起，我可能提供了最糟糕的描述，因为我几乎不知道自己在做什么。

我正在为一个论坛编写一个表格，该表格采用存储日期(例如版 block 标题和版 block 描述)并...使它变得漂亮。这就是我希望它看起来像的样子，基本上忽略草率的文本。

这就是我目前所拥有的。

我不知道如何让每个单词的第一个字母变成蓝色，但如果没有人有任何答案，我愿意放弃。

我的大问题是，如何从看板描述中删除第一行或一定数量的单词/字符？

这是包含所有信息的表格:

newindex = "<table width=100% bgcolor=#dfdfdf>
<tr>
    <td bgcolor=#56d5cb width=25%></td>
    <td bgcolor=#000 style=color:#fff><header1>" + description + "</header1></td>
</tr>

<tr bgcolor=#eeeeee>
    <td><header2>" + link + "</header2></td>
    <td><header3>" + description + "</header3></td>
</tr></table>";

描述和链接都是存储的与版 block 相关的文本 block 。

这是我的 CSS:

header1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20;
    color: #fff;
    text-transform:lowercase;
    text-decoration:none;
    display:block;
}

header1:first-letter {
    color:#56d5cb;
}    

header2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 30;
    color: #000;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:normal;
    padding-right:10px;
    display:block;
}

header2:first-letter{
    color: #c52c0e;
}

header3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15;
    color: #000;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:normal;
    text-align:right;
    padding-right:10px;
}

如果有任何额外帮助，我正在尝试在 Jcink/Invision Power Board 上编写代码并使用自定义论坛结构脚本，显然我无法链接到该脚本，因为我没有足够的声誉。

我只接触过 CSS 的基础知识，从未用过 Javascript。

Answer 1

使用纯 CSS，你不能。伪类 :first-letter 只会选择元素的首字母，而不是每个单词的首字母。

使用 JQuery 就可以(并且由于您标记了 javascript，所以我认为没问题)。

$(document).ready(function() {
    var words = $('header1').text().split(' ');
    var html = '';
    $.each(words, function() {
        html += '<span class="firstLetter">'+this.substring(0,1)+'</span>'+this.substring(1) + ' ';
    });
    $('header1').html(html);
});

工作 JSFiddle .

答案基于 this question