jquery - jqueryでタグを削除するには?

Question

こんにちは、 の親タグと子タグを削除したいと思います<span>。これどうやってするの

<span id='dept1'>
Department
<span onClick='deleteDept();'>X</span>
</span>
<span id='dept2'>
Department2
<span onClick='deleteDept();'>X</span>
</span>

deleteDept() を呼び出しているときに、合計<span>(親と子)を削除したい

誰でも私を助けて

Answer 1

クリックした要素をメソッドに渡し、その親要素で.remove()deleteDeptメソッドを呼び出す必要があります

<span id='dept1'>
    Department
    <span onClick='deleteDept(this);'>X</span>
</span>
<span id='dept2'>
    Department2
    <span onClick='deleteDept(this);'>X</span>
</span>

その後、deleteDept() で

function deleteDept(el) {
    //something else
    $(el).parent().remove();
}

デモ:フィドル

しかし！！！jQuery を使用しているため、推奨される解決策は、インライン イベント ハンドラーではなく jQuery イベント ハンドラーを使用することです。

<span id='dept1'>
    Department
    <span class="dept-remove">X</span>
</span>
<span id='dept2'>
    Department2
    <span class="dept-remove">X</span>
</span>

それから

jQuery(function ($) {
    $('.dept-remove').click(function () {
        $(this).parent().remove();
    })
})

デモ:フィドル

Answer 2

$('span').on("click", function() {
    $(this).parent().remove();
});

Answer 3

特定の要素のみをターゲットにするには、より具体的なセレクターを記述するだけで済みます。
たとえば、div 内のスパンのみをターゲットにする場合は、次のようにします。

$("div span")

それ以外の

$("span");

jQuery 1.4 には、.unwrap()このアプリケーションに非常に役立つ新しいメソッドがあります。

これを試して

$("div span font").contents().unwrap().unwrap();