現在、WordPressサイトを制作しています。
ビジュアルエディターから入力していきますが、
html
1 2<p>テキスト1111</p> 3<p>テキスト2222</p> 4<img src=""> 5<p>テキスト3333</p> 6
こう出力されるときに
画像要素一つとその真上にあるpタグ要素一つをdivで囲い、
更に画像をdivタグで囲みたいです。
理想結果は下記の通りです。
html
1 2<p>テキスト1111</p> 3 4<div class="groupe"> 5<p>テキスト2222</p> 6<div class="image"> 7<img src=""> 8</div> 9</div> 10 11<p>テキスト3333</p> 12
しかし、画像が2つ以上続いている場合は何もしたくありません。下記のような場合です。
html
1 2<p>テキスト1111</p> 3<p>テキスト2222</p> 4<img src=""> 5<img src=""> 6<p>テキスト3333</p> 7
このような仕様はPHP、またはjQueryで可能でしょうか?
ヒントだけでもいただけると幸いですm(__)m
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/04/05 03:19
2016/04/05 05:11