Jquery 试图预先编写a<;h2>;在一组子元素的第一个子元素之前
我有以下标记:Jquery 试图预先编写a<;h2>;在一组子元素的第一个子元素之前,jquery,html,jquery-selectors,Jquery,Html,Jquery Selectors,我有以下标记: <ul class="expertise-list"> <li> <p>Some text</p> <div>Case title</div> <div>Case title</div> <div>Case title</div> <div>Case title</div> </li&
<ul class="expertise-list">
<li>
<p>Some text</p>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
</li>
<li>
<p>Some text</p>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
</li>
<li>
<p>Some text</p>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
</li>
</ul>
-
一些文本
案例标题
案例标题
案例标题
案例标题
-
一些文本
案例标题
案例标题
案例标题
案例标题
-
一些文本
案例标题
案例标题
案例标题
案例标题
我只想在每个li中的第一个div之前包含一个header。例如:
<ul class="expertise-list">
<li>
<p>Some text</p>
<h2>Case title</h2>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
</li>
<li>
<p>Some text</p>
<h2>Case title</h2>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
</li>
<li>
<p>Some text</p>
<h2>Case title</h2>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
<div>Case title</div>
</li>
</ul>
-
一些文本
案例标题
案例标题
案例标题
案例标题
案例标题
-
一些文本
案例标题
案例标题
案例标题
案例标题
案例标题
-
一些文本
案例标题
案例标题
案例标题
案例标题
案例标题
我尝试过使用以下jquery,但我只获得了第一个列表项上显示的标题:
$('.expertise-list li div:first-child').before('<h2>Cases</h2>');
$(“.专业知识列表li div:第一个孩子”)。在('Cases')之前;
我相信这是很容易做到的!提前谢谢 在代码中,p是第一个子项,但不是div。因此,您可以使用:
$('.experties list li div:类型的第一个')。在('Cases')之前;
在代码中,p是第一个子项,但不是div。因此,您可以使用:
$('.experties list li div:类型的第一个')。在('Cases')之前;
试试这个:您可以使用.after()
在li中为p
标记
$('.expertise-list li p').after('<h2>Cases</h2>');
$('.professional list li p')。在('Cases')之后;
试试这个:您可以使用.after()
在li中为p
标记
$('.expertise-list li p').after('<h2>Cases</h2>');
$('.professional list li p')。在('Cases')之后;
您只需在
$('.expertise-list li p').after('<h2>Cases</h2>');
$('.professional list li p')。在('Cases')之后;
您只需在
$('.expertise-list li p').after('<h2>Cases</h2>');
$('.professional list li p')。在('Cases')之后;
这是因为div不是li的第一个孩子。这是因为div不是li的第一个孩子。太好了,这绝对有道理-感谢您的快速回复!这似乎是最好的解决方案——尽管其他答案确实有效——这是最明智的方式!太好了,这绝对有道理-感谢您的快速回复!这似乎是最好的解决方案——尽管其他答案确实有效——这是最明智的方式!