gpt4 book ai didi

javascript - 包装在特殊的 div 标签中

转载 作者:行者123 更新时间:2023-11-28 16:36:59 25 4
gpt4 key购买 nike

我正在为一些模板工作,但对在 H2 上包装 div 标签感到困惑,这是我的脚本:

HTML:

<style>
.widget-title{
border:3px solid black;
}
</style>
<div id="widget">
<h2>Title 1.1</h2>
<ul>
<li>Item 1.1.1</li>
<li>Item 1.1.2</li>
<li>Item 1.1.3</li>
</ul>
<br />
<h2>Title 1.2</h2>
<ul>
<li>Item 1.2.1</li>
<li>Item 1.2.2</li>
<li>Item 1.2.3</li>
</ul>
</div>
<br />
<div class="footer">
<h2>Title 2</h2>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
<script type="text/javascript">
document.getElementById('widget')
$('h2').each(function(){
var self = $(this);
self.wrapAll('<div class="widget-title" />');
});
</script>

我想为每个 H2 标签添加标签,但只在 div id="widget" 标签内,我的意思是:

<div id="widget"><div class="widget-title"><h2>title</h2></div</div> 

最佳答案

只需将选择器限制在 #widget 内的 h2 并使用 wrap :

$('#widget h2').wrap('<div class="widget-title" />');

关于javascript - 包装在特殊的 div 标签中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27018142/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com