jquery - CSSで要素にタイトルを設定する

Question

私がやりたいことは、特定のタイトルを特定のクラスを持つ要素に適用することです。

HTML

<span class="br">BR</span>
<span class="dvd">DVD</span>
<span class="br">BR</span>
<span class="br">BR</span>
<span class="sc">Sc</span>

CSS

span{
    width: auto;
    height: auto;
    padding: 5px;
    color: white;
}
.br{
    background: blue;
}
.dvd{
    background: green;
}
.sc{
    background: black;
}

JSFiddle の例

クラス「br」を持つ要素にタイトルを設定するにはどうすればよいですか? jQueryでやったほうがいいですか？

Answer 1

jqueryでやってください。CSSはプレゼンテーション言語です。コンテンツを追加するようには設計されていません:before。:after

Jクエリ:

$('.br').attr('title','yourtitle');

Answer 2

$('.br').attr("title","your title attribute goes here");