javascript - 生成されたコンテンツとしてhtml要素を追加する方法

Question

生成コンテンツとしてhtml要素を入れたい。たとえば、リストアイテムの前に水平線を配置したい場合

これは機能しません。'<hr/>'をテキストとして出力するだけです

li:before{
     content : '<hr/>'
}

それを行う方法はありますか

score 2 · Accepted Answer

css contentプロパティを使用してHTMLコードを挿入することはできません。タグは、として表示され<tag>ます。

jqueryは非常に簡単に使用できます。

$('li').prepend('<hr />');

score 0 · Accepted Answer

いいえ、cssでは不可能だと思います。

border-top1つの解決策は、li代わりにを使用することです。

例えば

li
{
  border-top: 1px solid black;
}

何ができるかの良い例については、このサイトを見てください：http : //css-tricks.com/css-content/

2 に答える 2