添加文字的第一個字符到css

我在這裏得到了一個具有挑戰性的任務，真的很希望你能幫助我。添加文字的第一個字符到css

我正在通過AJAX從JSON提要的信息，並希望我item.title爲內容 CSS屬性的添加只是第一個字符的#list> .item：以前

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

但由於某種原因，它不起作用。請告訴我一行代碼如何實現它。

非常感謝。

來源

2013-07-09 qqruza

請顯示相關的HTML。 –

Sushanth怎麼可能做到？ – qqruza

僞元素不是DOM的一部分，不能使用jQuery直接操作。然而，你可以努力工作。這可能會幫助你：http://stackoverflow.com/questions/5041494/manipulating-css-pseudo-elements-using-jquery-e-g-before-and-after – Pevara

你不能用jQuery改變僞類。

我建議只是前面加上一個span：

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

而且，假設你有一個的定位將:before樣式它的其他CSS，CSS選擇更改爲#list > .item > span

來源

2013-07-09 20:02:43 freejosh

爲什麼不乾脆使用CSS：首字母來控制輸出？ https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter

來源

2013-07-09 20:05:19 jeff

添加文字的第一個字符到css

回答

相關問題