jquery - 将文本的第一个字符添加到 css

Question

我在这里遇到了一项具有挑战性的任务，真的希望你能帮助我。

我正在通过 ajax 从 json 提要中获取信息，并且只想将我的item.title的第一个字符作为内容css 属性添加到#list > .item:before

 var str = item.title;
 $('#list > .item:before').attr('content', str.substring(0,1));

但由于某种原因，它不起作用。请告诉我一行代码如何实现它。

提前非常感谢。

Answer 1

您不能使用 jQuery 更改伪类。

我建议简单地将其添加为span：

$('#list > .item').prepend('<span>' + str.substring(0,1) + '</span>');

并且，假设您有其他 CSS 以:before设置样式为目标，请将 CSS 选择器更改为#list > .item > span

Answer 2

为什么不直接使用 CSS :first-letter 来控制输出呢？https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter