教えを貸してください。
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ランキング
-
jQueryでシンプルドラッグドロ...
-
javascriptテキストBOX色を元に...
-
変数内容をHTML内で表示する方法
-
jQueryで同じid属性が複数あっ...
-
getElementByIdの戻り値がnull...
-
マウスを乗せるとメニュー表示
-
displayの状態を取得したい
-
読み込んだQRコードをフォーム...
-
MAX関数を使ってからLEFT JOIN...
-
タブで開いてさらにタブ内をア...
-
HTMLタグに複数のクラスを設定...
-
透過pngの透明部分以外をクリッ...
-
jQueryでタブ切り替え
-
jQueryでネスト構造の<li>がク...
-
「jQuery」アコーディオンメニ...
-
「画像クリックで音声再生」を ...
-
これはどんなJavaScriptなので...
-
JavaScriptで、?マークとコロ...
-
jQueryでヒアドキュメントを使...
-
1枚の画像をクリックして複数の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
クリックで色変更後に既に変更...
-
iframe内のリンクが飛ばないの...
-
[急ぎ] videoタグで埋め込んだm...
-
背景色を透明化
-
console.log結果をhtmlで表示し...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
removeAttribute()メソッドで削...
-
テキストエリア内の一部の文字...
-
タブで開いてさらにタブ内をア...
-
IFRAMEの表示/非表示を切り替え...
-
HTMLタグに複数のクラスを設定...
-
jQueryのアコーディオンメニュ...
-
取得した要素がインライン要素...
-
変数内容をHTML内で表示する方法
おすすめ情報