使用jQuery将段落放到h2

名望

第一:我是jQuery的新手。我尝试使用jQuery将段落标签放入h2标签中。网站建立在CMS上,因此HTML由CMS生成。但是我可以给我一些HTML代码和一个简短的jQuery代码,就像我之前尝试过的那样:

HTML:

<div id="container">
    <h2>Title goes here</h2>
</div>

jQuery的:

$(document).ready(function(){
    $('#container').find('h1').replaceWith(function(){
        return '<h2>' + $(this).text() + '</h2>';
    });
    $('<p></p>').prependTo('h2');
});

jQuery代码使用我的HTML代码来做到这一点(这还不错,只需对其进行优化即可):

<div id="container">
    <h2>
    <p></p>
    Title goes here
    </h2>
</div>

我现在的问题是,我想将“标题转到此处”添加到p标签中。有没有执行此操作的jQuery函数,还是我完全错了?我已经看过jQuery API文档,但没有找到任何可以帮助我的东西。有什么建议?

干杯

PS:这是一个小提琴:演示

寂寞的一天

这很简单:选择h2with的内容,contents然后将它们全部包装在pwith中wrapAll您可以将其与函数语法结合使用,replaceWith以在一一行中完成全部操作。

$('h1').replaceWith(function(this) {
    return $(this).contents().wrapAll('<h2/>').wrapAll('<p/>').closest('h2');
});

一个更好的问题是为什么要这样做。h2元素可能不包含p元素。

更新了小提琴。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章