如何使用jQuery将元素从内部移动到外部？

Question

我试图将锚点标记移动到p元素之外，目前它位于p元素之内。这里是我的html：

<div class="the_excerpt"> 
    <p> 
     <a href="#">Learn More</a> 
    </p> 
</div> 

我已经试过append()功能，但它不能正常工作。我不想插入新的锚点元素。我只是想要移动p元素外的锚元素。

$('.the_excerpt').find('p').append($('.the_excerpt').find('a')); 

任何一个可以请指导我如何解决，我会很高兴。谢谢

Answer 1

您试图追加p标签，因为a在p之内，所以不会对标记进行任何更改。因此，改变你的代码如下

$('.the_excerpt').append($('.the_excerpt p a'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="the_excerpt"> 
 
    <p> 
 
     <a href="#">Learn More</a> 
 
    </p> 
 
</div>

---

或者你需要使用appendTo()

$('.the_excerpt p a').appendTo('.the_excerpt');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="the_excerpt"> 
 
    <p> 
 
     <a href="#">Learn More</a> 
 
    </p> 
 
</div>

Answer 2

$('a').unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="the_excerpt"> 
 
    <p> 
 
     <a href="#">Learn More</a> 
 
    </p> 
 
</div>

你可以尝试使用.unwrap()

说明：删除集从DOM匹配的元素的父母，离开自己的位置匹配的元素。

Answer 3

使用appendTo()。

$('.the_excerpt').find('p a').appendTo($('.the_excerpt')); 

FIDDLE DEMO

Answer 4

//克隆元件，如果需要

变种cloneEle = $（ 'the_excerpt。 '）找到（' A'）除去的clone（）除去（）。;

//追加在那里你想要克隆的元素

$（ “.the_excerpt”）。经过（cloneEle）; //如果你想.the_excerpt后aapend

或

$（ “.the_excerpt”）.append（cloneEle）; //如果外面只有p标签