第一:我是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:这是一个小提琴:演示
这很简单:选择h2
with的内容,contents
然后将它们全部包装在p
with中wrapAll
。您可以将其与函数语法结合使用,replaceWith
以在一一行中完成全部操作。
$('h1').replaceWith(function(this) {
return $(this).contents().wrapAll('<h2/>').wrapAll('<p/>').closest('h2');
});
一个更好的问题是您为什么要这样做。h2
元素可能不包含p
元素。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句