jquery - 要素の周りにテキストを折りたたむにはどうすればよいですか？

Question

要素にテキストを追加するテキストフィールドがあり<li>、li要素に追加するテキストを非常に特殊な方法で配置したいと思います。小さな画像を追加して、その画像をcssで非表示にすると思いました。より一般的な方法はありますか？

I want to be able to have text like this then(invisible element)
makes the text continue here(invisible element)
and here.

Answer 1

その要素にテキストをポップするときは、cssクラスも追加します

そしてcssクラスを次のように定義します

.icon{

background:url(my_desired_image.png) no-repeat size;
// other styles 
}

次に、要素がフィールドからテキストを取得するたびに、クラスが追加され、クラスは同時に彼女の画像を表示します

お気に入り

I want to be able to have text like this then <i class="icon"></i>
makes the text continue here< i class="icon"></i>
and here.

<i class="icon"></i>

あなたの目に見えない要素です