jQuery 如何刪除具有給定 id 的附加 A 標記

Question

我剛剛附加了一個 A 標簽，我正在嘗試將其刪除，謝謝您的幫助。

HTML：

<div>
    <p id="header"></p>
</div>

jQuery：

$(document).ready(function (e) {
    // Append A tag with id= Test1
    $('#header').append("<a href='#' id='Test1'> Test1</a>");

    // Remove the tag - it doesn't work.
    $('#header').remove("a#Test1");
}

Answer 1

 $(document).ready(function(e) { // Append A tag with id= Test1 $('#header').append("<a href='#' id='Test1'> Test1</a>"); // Remove the tag - it doesn't work. $('#header a#Test1').remove(); })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div> <p id="header"></p> </div>

使用$('#header a#Test1').remove();

但您只需要$('#Test1').remove()來刪除該特定元素

Answer 2

您也可以通過以下方式實現：

$('#header').empty();