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();