教えを貸してください。
jQueryを使って、要素を追加したり、削除したりしています。
このようなHTMLがあります。
<div class="fast">
<div class="second">
<p><a href="goo.ne.jp">goo</a></p>
</div>
<div class="second">
<p><a href="yahoo.co.jp">yahoo</a></p>
</div>
<div class="second">
<p><a href="google.co.jp">google</a></p>
</div>
</div>
このとき、yahooへのリンクを含む<div>から外したいのです。
<div class="fast">
<div class="second">
<p><a href="goo.ne.jp">goo</a></p>
</div>
<p><a href="yahoo.co.jp">yahoo</a></p>
<div class="second">
<p><a href="google.co.jp">google</a></p>
</div>
</div>
対象となるdivとその中身を取得することはできています。
そのdivを消して、divのあった場所に挿入する。
という方法に悩んでいます。
良い方法がありましたら、教えてください。
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
実験してませんが…
対象divの前(後でも良い)に、対象divの子要素のクローンを追加。
追加し終わったところで、対象divを削除。
というのではダメでしょうか?
回答ありがとうございます。
なるほど!その手がありました。
対象DIVを消してから、挿入しようとしていて、正確な位置にどうすれば挿入できるのか、ずーっと悩んでいました。
次の方法でうまくいきました。
var strInnerHTML = jQuery(this).html();
jQuery(this).before(strInnerHTML);
jQuery(this).remove();
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- PHP アコーディオンPHPが上手くいかない 3 2022/07/15 16:29
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
読み込んだQRコードをフォーム...
-
javascriptテキストBOX色を元に...
-
console.log結果をhtmlで表示し...
-
HTMLタグに複数のクラスを設定...
-
jqueryを使って無駄なspanタグ...
-
getElementByIdの戻り値がnull...
-
createElementで作成した要素を...
-
「リンクにマウスオーバーする...
-
jQueryを使ってランダムに表示
-
jQueryでシンプルドラッグドロ...
-
バッチファイルでカウントアッ...
-
【HTML5】【canvas】【js】...
-
複数のリンク画像を一定時間で...
-
jQueryで同じid属性が複数あっ...
-
外部ページからハッシュタグ(...
-
jQueryのアコーディオンメニュ...
-
ボタンを押せば、画面が切り替...
-
テキストエリア内の一部の文字...
-
計算結果の表示方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
クリックで色変更後に既に変更...
-
iframe内のリンクが飛ばないの...
-
[急ぎ] videoタグで埋め込んだm...
-
背景色を透明化
-
console.log結果をhtmlで表示し...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
removeAttribute()メソッドで削...
-
テキストエリア内の一部の文字...
-
タブで開いてさらにタブ内をア...
-
IFRAMEの表示/非表示を切り替え...
-
変数内容をHTML内で表示する方法
-
HTMLタグに複数のクラスを設定...
-
jQueryのアコーディオンメニュ...
-
取得した要素がインライン要素...
おすすめ情報