Javascript 如何仅移除内部的某些元素<；a>；标签？

如何仅删除

标记中的某些元素，而不是全部元素（如

unwrap（）

这样做）？例如，我有：

<a href="#page1" class="link" id="page1link" onclick="return false">1</a>
<a href="#page2" class="link" id="page2link" onclick="return false">2</a>

---

这会将其展开并将

1

转换为纯文本，但无法使用链接将其重新包装，因为一旦转换为纯文本，它将丢失其ID“page1link”，并且无法识别以重新包装。

将锚定替换为跨度：

if ($('#page1').is(':visible')) {
    $('#page1link').contents().unwrap().wrap('<span id="page1link">');
    $('#page2link').contents().unwrap().wrap('<a href="#page2" onclick="return false" class="link" id="page2link"></a>');
} else {
    $('#page2link').contents().unwrap().wrap('<span id="page2link">');
    $('#page1link').contents().unwrap().wrap('<a href="#page1" onclick="return false" class="link" id="page1link"></a>');
}    

if（$（'#page1'）。是（':visible'））{
$（'#page1link'）.contents（）.unwrap（）.wrap（''）；
$（'#page2link'）.contents（）.unwrap（）.wrap（''）；
}否则{
$（'#page2link'）.contents（）.unwrap（）.wrap（''）；
$（'#page1link'）.contents（）.unwrap（）.wrap（''）；
}    

if ($('#page1').is(':visible')) {
    $('#page1link').contents().unwrap().wrap('<span id="page1link">');
    $('#page2link').contents().unwrap().wrap('<a href="#page2" onclick="return false" class="link" id="page2link"></a>');
} else {
    $('#page2link').contents().unwrap().wrap('<span id="page2link">');
    $('#page1link').contents().unwrap().wrap('<a href="#page1" onclick="return false" class="link" id="page1link"></a>');
}