文章/答案/技术大牛

发布

社区首页 >问答首页 >找到这种类型的标题，然后在该div上方添加一个新单词。

问找到这种类型的标题，然后在该div上方添加一个新单词。
EN

Stack Overflow用户

提问于 2015-06-05 05:45:39

回答 3查看 80关注 0票数 3

<HTML>

<HEAD></HEAD>

<BODY BGCOLOR="#ffffff">


  <DIV>
    <H3 CLASS="Heading-1">First Level Heading</H3> 
    <DIV>
      <H4 CLASS="Heading-2">Second Level Heading</H4>
      <DIV>
        <H6 CLASS="Heading-3">Third Level Heading</H6>
        <P CLASS="Tab-Text-7">Some Text Here</P>
      </DIV>


      <DIV>
        <H6 CLASS="Heading-3">Third Level Heading</H6>
        <TABLE>
          <TR>
            <TD ROWSPAN="1" COLSPAN="1">
              Some Cotents Here
            </TD>
          </TR>
        </TABLE>
      </DIV>

      <DIV>
        <H6 CLASS="Heading-3">Third Level Heading</H6>
        <TABLE>
          <TR>
            <TD ROWSPAN="1" COLSPAN="1" class="green1">
              Some text goes here
            </TD>
          </TR>
        </TABLE>
      </DIV>


      <DIV>
        <H6 CLASS="Heading-3">Third level Heading</H6>
      </DIV>
      <DIV>
        <H6 CLASS="Heading-4">Fourth Level Heading </H6>
        Some Text Goes here
      </DIV>


      <DIV>
        <H4 CLASS="Heading-2">Second Level Heading</H4>
        <DIV>
          <H6 CLASS="Heading-3">Third Level Heading   </H6>
          <TABLE>
            <TR>
              <TD ROWSPAN="1" COLSPAN="1" class="blue1">
                SOme text goes here
              </TD>
            </TR>
          </TABLE>
        </DIV>
      </DIV> <DIV>
      <H6 CLASS="Heading-3">Third Level Heading</H6>
      Some text goes here
    </DIV>
  </DIV>
</BODY>

</HTML>

预期产出：-

<HTML>
<HEAD></HEAD>
<BODY BGCOLOR="#ffffff">

xxxxx

<DIV>
<H3 CLASS="Heading-1">First Level Heading</H3>  
<DIV>
<H4 CLASS="Heading-2">Second Level Heading</H4>
<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
<P CLASS="Tab-Text-7">Some Text Here</P>
</DIV>

xxxxx

<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
<TABLE>
<TR>
<TD ROWSPAN="1" COLSPAN="1">
Some Cotents Here
</TD>
</TR>
</TABLE>
</DIV>

xxxxx

<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
<TABLE>
<TR>
<TD ROWSPAN="1" COLSPAN="1"class="green1">   
Some text goes here
</TD>
</TR>
</TABLE>
</DIV>

xxxxx

<DIV>
<H6 CLASS="Heading-3">Third level Heading</H6>
</DIV>
<DIV>
<H6 CLASS="Heading-4">Fourth Level Heading </H6>
Some Text Goes here
</DIV>

xxxxx

<DIV>
<H4 CLASS="Heading-2">Second Level Heading</H4>
<DIV>
<H6 CLASS="Heading-3">Third Level Heading   </H6>
<TABLE>
<TR>
<TD ROWSPAN="1" COLSPAN="1" class="blue1">
SOme text goes here
</TD>
</TR>
</TABLE>
</DIV>

xxxxx

<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
Some text goes here
</DIV>
</BODY>
</HTML>

从上面的代码中，我想搜索标题并将"XXXXX“放在标题.If的上方，它包含任何子标题(即标题1包含标题2)，然后在那个时候应该将"XXXXX”字放在父标题的上方而不是子标题上。(标题1是父标题)

有人能帮我吗。

jquery

html

回答 3

Stack Overflow用户

回答已采纳

发布于 2015-06-05 06:24:15

THIS是你想要的。

1) JQuery检查文档中的每个标题。

2)然后搜索父母之前是否有另一个标题。

3)如果在家长之前没有标题，则在标题之前添加内容。

$(document).find('h1, h2, h3, h4, h5, h6').each(function() {
    if ($(this).parent().prev().is('h1, h2, h3, h4, h5, h6') != true) {
        $(this).parent().before('<p>xxxxxxx</p>');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<DIV>
<H3 CLASS="Heading-1">First Level Heading</H3>  
<DIV>
<H4 CLASS="Heading-2">Second Level Heading</H4>
<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
<P CLASS="Tab-Text-7">Some Text Here</P>
</DIV>


<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
<TABLE>
<TR>
<TD ROWSPAN="1" COLSPAN="1">
Some Cotents Here
</TD>
</TR>
</TABLE>
</DIV>


<div>
<H6 CLASS="Heading-3">Third Level Heading</H6>
<TABLE>
<TR>
<TD ROWSPAN="1" COLSPAN="1"class="green1">   
Some text goes here
</TD>
</TR>
</TABLE>
</DIV>


<div>
<H6 CLASS="Heading-3">Third level Heading</H6>
<DIV>
<H6 CLASS="Heading-4">Fourth Level Heading </H6>
Some Text Goes here
</DIV></DIV>


<DIV>
<H4 CLASS="Heading-2">Second Level Heading</H4>
<DIV>
<H6 CLASS="Heading-3">Third Level Heading   </H6>
<TABLE>
<TR>
<TD ROWSPAN="1" COLSPAN="1" class="blue1">
SOme text goes here
</TD>
</TR>
</TABLE>
</DIV>


<DIV>
<H6 CLASS="Heading-3">Third Level Heading</H6>
Some text goes here
</DIV>

票数 2

Stack Overflow用户

发布于 2015-06-05 06:08:18

我想你需要这个密码

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<body>
  <DIV class="Find-Me">
    <H3 CLASS="Heading-1">First Level Heading</H3>  
    <DIV>
      <H4 CLASS="Heading-2">Second Level Heading</H4>
   <DIV>
   <H6 CLASS="Heading-3">Third Level Heading</H6>
   <P CLASS="Tab-Text-7">Some Text Here</P>
  </DIV>

  <DIV class="Find-Me">
   <H6 CLASS="Heading-3">Third Level Heading</H6>
   <TABLE>
     <TR>
      <TD ROWSPAN="1" COLSPAN="1">
       Some Cotents Here
      </TD>
     </TR>
   </TABLE>
</DIV>
  <script>
    function Insert() {
      $('<p>xxxx</p>').insertBefore('.Find-Me');
    }
    Insert();
    </script>
</body>

票数 1

Stack Overflow用户

发布于 2015-06-05 06:09:05

$('body > div').has([class^='Heading-']).prepend('XXXXXX');

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30659145

复制

相似问题

问找到这种类型的标题，然后在该div上方添加一个新单词。
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问找到这种类型的标题，然后在该div上方添加一个新单词。EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问找到这种类型的标题，然后在该div上方添加一个新单词。
EN