合并段落

Question

我是Jquery的新手，我的要求是将两个段落合并为单个段落。我尝试使用以下代码。

<p>This is first para text </p>
<p>This is second para text </p>
<p>This is third para text.</p>

到

<p>This is first para text This is second para text This is third para text.</p>

它不起作用。有什么想法吗？

Answer 1

只有一行代码：

$('p').contents().unwrap().wrapAll('<p>');

的 See the demo. 的

Answer 2

在this小提琴上查看。

<强> HTML：

<div class="singles">
    <p>This is first para text</p>
    <p>This is second para text</p>
    <p>This is third para text.</p>
</div>
<div class="combined"><p></p></div>

<强> JavaScript的：

$('.singles p').each(function() {
    $('.combined p').append($(this).html() + ' ');
});

Answer 3

您只需使用receiver

的.text()功能即可

尝试，

$('p.single').text(function(_,xText){
    $('p.merged').append(xText);
});

DEMO

Answer 4

另一种变体

<强> HTML

<p class="single">This is first para text </p>
<p class="single">This is second para text </p>
<p class="single">This is third para text.</p>
<p class='merged'></p>

<强> JS

$('.merged').text($('.single').text());

Answer 5

您可以使用 appendTo（）。

$('p.source').each(function(){
   $(this).text().appendTo('p.target');
});