要素の内容を削除せずに要素を選択して削除する方法を教えてください。

Question

WordPressテーマで作業しています。投稿を引っ張り、それらの投稿へのリンクを作成するループがあります。私はタグを削除しようとしていますが、まだそこにコンテンツを残しています。

<div class="members"> 
<div class="wrapper"> 
    <a href="somelink"> 
    <img /> 
    <p>mycontent</p> 
    </a> 
</div> 
</div> 

私が得たアドバイスは、aを選択し、それをターゲットと呼ぶ変数に入れたものです。 次に、内側のHTMLを取得し、contentという別の変数に追加します。 最後にターゲットを削除し、コンテンツをラッパーdivに戻します。 aタグがクラスを持たず、他のdivの中にあるので、aタグの選択に問題がありました。

Answer 1

あなたはその後、ちょうど、$.remove()

var $link = $('a'), 
 
    stuff = $link.html(); 
 
$link.after(stuff).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="members"> 
 
<div class="wrapper"> 
 
    <a href="somelink"> 
 
    <img /> 
 
    <p>mycontent</p> 
 
    </a> 
 
</div> 
 
</div>

それともバニラJSを使用してリンクを削除し、$.after()を使用してリンクした後、そのコンテンツを挿入し、リンクの内容を取得するために$.html()を使用することができますinnerHTMLを使用してリンクの内容を取得し、ラッパーのinnerHTMLとして設定します。

var wrapper = document.getElementsByClassName('wrapper')[0], 
 
    link = wrapper.getElementsByTagName('a')[0]; 
 
wrapper.innerHTML = link.innerHTML;

<div class="members"> 
 
<div class="wrapper"> 
 
    <a href="somelink"> 
 
    <img /> 
 
    <p>mycontent</p> 
 
    </a> 
 
</div> 
 
</div>

Answer 2

私はここで何かをしないのです...ちょうどなぜあなたはコードを生成するPHPを編集しない$("#mylink").removeAttr("href");

$(document).ready(function() { 

    $("#remove-tag").click(function() { 

    $("#my-link").removeAttr("href"); 

    }); 


});