画像の代わりに<span>タグでそのaltの文字列に置き換えたいです。
具体的には、
lang
1<div class="hoge"> 2<img src="hoge_a.gif" alt="ユニークな文字列1"> 3<img src="hoge_b.gif" alt="ユニークな文字列2"> 4<img src="hoge_c.gif" alt="ユニークな文字列3"> 5<img src="hoge_d.gif" alt="ユニークな文字列4"> 6<img src="hoge_e.gif" alt="ユニークな文字列5"> 7<img src="hoge_f.gif" alt="ユニークな文字列6"> 8</div>
この構成から以下に変更したいです。
lang
1<div class="hoge"> 2<span>ユニークな文字列1</span> 3<span>ユニークな文字列2</span> 4<span>ユニークな文字列3</span> 5<span>ユニークな文字列4</span> 6<span>ユニークな文字列5</span> 7<span>ユニークな文字列6</span> 8</div>
ページ全体ではなく、hoge内のimgのみ対象です。
hogeは複数存在するため、各hogeごとで処理を完結したいです。
imageの数は可変で、画像名・文字列はそれぞれ規則性はありません。
こちらをjqueryで処理する方法をご教授願えればと思います。
回答2件
あなたの回答
tips
プレビュー