jQuery how to remove an appended A tag with a given id

Question

I just appended an A tag and I am trying to remove it, thank you for any help.

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>

Use $('#header a#Test1').remove();

but all you need is $('#Test1').remove() to remove that specific element

Answer 2

您也可以通过以下方式实现：

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