質問: 現在、WordPressサイトを制作しています。 ビジュアルエディターから入力していきますが、 ``` テキスト1111 テキスト2222 テキスト3333 ``` こう出力されるときに 画像要素一つとその真上にあるpタグ要素一つをdivで囲い、 更に画像をdivタグで囲みたいです。 理想結果は下記の通りです。 ``` テキスト1111 テキスト2222 テキスト3333 ``` しかし、画像が2つ以上続いている場合は何もしたくありません。下記のような場合です。 ``` テキスト1111 テキスト2222 テキスト3333 ``` このような仕様はPHP、またはjQueryで可能でしょうか? ヒントだけでもいただけると幸いですm(__)m
回答: おおよそこんな感じかと..ご自身の環境に合わせて細かい条件を追加してください。 ``` if($('p').next('img').length && $('p').next('img').next('img').length == 0){ $('p:has(+ img)').next().wrap(''); $('p:has(+ .image)').wrap(''); $('.image').appendTo('.group'); } ```