Fatal编程技术网
  • javascript/
  • 将冗余标记与JavaScript合并。（Jquery）

将冗余标记与JavaScript合并。（Jquery）

javascript jquery dom

将冗余标记与JavaScript合并。（Jquery）,javascript,jquery,dom,Javascript,Jquery,Dom,我正在创建系统之间的中间位置，并获得过时的html，如下所示： <font size="4">Step 1: This is a </font><strong>step</strong><font size="4">.</font> <ol style="margin-top:0pt;margin-bottom:0pt;"> <li>This is my first substep.<

我正在创建系统之间的中间位置，并获得过时的html，如下所示：

<font size="4">Step 1: This is a </font><strong>step</strong><font size="4">.</font>

<ol style="margin-top:0pt;margin-bottom:0pt;">
    <li>This is my first substep.</li>
...

步骤1：这是一个步骤。

  • 这是我的第一步
    • 
...
    ol启动步骤，但第一行定义了名称。我需要将第1行转换为：

    <font size=4>Step 1: This is a step.</font>. 

    步骤1：这是一个步骤。。
    在某些情况下，最后一个字体标记后可能有一个span，但决不会有不在步骤标题中的字体标记。至关重要的是，它必须遵循以下原则：

    <font size=4> Step 1: ... </font> or <font size=4> Pre-Step 1: ... </font> 

    第1步：。。。或步骤1之前：。。。
    格式。我正在使用jQuery。

    是否有一个元素可以包装整个第一行？然后您可以只执行
    $（'selector for the element'）.text（）
    ，它将获得您的文本，而不带任何标记。否则，您将不得不遍历DOM，计算并匹配
    font
    元素，或者（恐怖！）使用regex。不幸的是，没有。如果只有两个连续的
    font
    元素，您可以使用
    font+font
    选择器获取后者，然后使用
    $（this.prev（）.first（）获取第一个元素）
    。