Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 试图预先编写a<;h2>;在一组子元素的第一个子元素之前_Jquery_Html_Jquery Selectors - Fatal编程技术网

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的
第一个孩子。太好了,这绝对有道理-感谢您的快速回复!这似乎是最好的解决方案——尽管其他答案确实有效——这是最明智的方式!太好了,这绝对有道理-感谢您的快速回复!这似乎是最好的解决方案——尽管其他答案确实有效——这是最明智的方式!