使用jquery将标题中的内容包装在标题中的两个div中

Question

我想转此：

<div class="month_date">
    <div class="month_title">March, </div>
    <div class="month_title_year">  2016</div>
</div>

..使用jQuery进入此

<div class="month_date">
     <h3>March, 2016</h3>
</div>

这是我想出的内容，但它分别包装了每个月和每年的标题。

jQuery('.month_date div').contents().unwrap().wrap("<h3></h3>");

Answer 1

您必须在此背景下使用.wrapAll()，

jQuery('.month_date div').contents().unwrap().unwrap().wrapAll("<h3></h3>");

DEMO

Answer 2

无需任何包装或展开：

＆＃13;

＆＃13;

$('div.month_date').html(function(){
    return '<h3>'+$(this).find('div.month_title').text()+$(this).find('div.month_title_year').text()+'</h3>'
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="month_date">
    <div class="month_title">March, </div>
    <div class="month_title_year"> 2016</div>
</div>

＆＃13;

＆＃13;

＆＃13;