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

时间:2013-07-09 19:57:47

标签: jquery

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

我正在通过ajax从json feed获取信息,并希望仅将 item.title 的第一个字符添加为内容 css属性到 #list > .item:前

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

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

提前多多感谢。

2 个答案:

答案 0 :(得分:2)

你不能用jQuery改变伪类。

我建议简单地将其作为span

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

并且,假设您有其他CSS定位:before来设置样式,请将CSS选择器更改为#list > .item > span

答案 1 :(得分:0)

为什么不使用CSS:首字母来控制输出? https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter