Javascript 每次类出现时包装内容-可能吗?

Javascript 每次类出现时包装内容-可能吗?,javascript,jquery,ajax,Javascript,Jquery,Ajax,每次向表单中添加li.g节时,我都希望将a div环绕在li标记周围 可以像这样自动包装吗?我知道如何手动包装,但那完全是另一回事 第三个类始终是我的自定义类。我希望它被添加到包装中,然后再添加到容器中 这是一个奢侈的问题,但是。表单使用ajax,即使我使用多部分表单也可以加载它吗?一个有几页的表格 我对这个网站有点迷茫和陌生,但是如果我必须先做些什么,请告诉我 凯维 我的表格中有这个标记 <ul> <li class="gform gsection info rand

每次向表单中添加li.g节时,我都希望将a div环绕在li标记周围

  • 可以像这样自动包装吗?我知道如何手动包装,但那完全是另一回事

  • 第三个类始终是我的自定义类。我希望它被添加到包装中,然后再添加到容器中

  • 这是一个奢侈的问题,但是。表单使用ajax,即使我使用多部分表单也可以加载它吗?一个有几页的表格

  • 我对这个网站有点迷茫和陌生,但是如果我必须先做些什么,请告诉我

    凯维

    我的表格中有这个标记

    <ul>
        <li class="gform gsection info random-class">Title</li>
        <li class="random-class">Name</li>
        <li class="random-class">Email</li>
        <li class="random-class">Phone</li>
        <li class="gform gsection more_info random-class">Title again</li>
        <li class="random-class">Something</li>
        <li class="random-class">Something</li>
        <li class="random-class">Something</li>
        <li class="gform gsection last_info random-class">Title again</li>
        <li class="random-class">Something</li>
        <li class="random-class">Something</li>
    </ul>
    
      标题
    • 名称
    • 电子邮件
    • 电话
    • 重新命名
    • 什么
    • 什么
    • 什么
    • 标题再次出现
    • 什么
    • 什么
    我想要这个:

    <ul>
        <ul class="section info_container">
            <li class="gform gsection info random-class">Title</li>
            <li class="random-class">Name</li>
            <li class="random-class">Email</li>
            <li class="random-class">Phone</li>
        </ul>
        <ul class="section more_info_container">
            <li class="gform gsection more_info random-class">Title again</li>
            <li class="random-class">Something</li>
            <li class="random-class">Something</li>
            <li class="random-class">Something</li>
        </ul>
        <ul class="section last_info_container">
            <li class="gform gsection last_info random-class">Title again</li>
            <li class="random-class">Something</li>
            <li class="random-class">Something</li>
        </ul>
    </ul>
    
        标题
      • 名称
      • 电子邮件
      • 电话
      • 重新命名
      • 什么
      • 什么
      • 什么
      • 标题再次出现
      • 什么
      • 什么

    你最好还是用CSS来伪装一下:

    li{
    列表样式:圆形;
    左边距:3em
    }
    李光诚{
    列表样式:光盘;
    左边距:0
    }
      标题
    • 名称
    • 电子邮件
    • 电话
    • 重新命名
    • 什么
    • 什么
    • 什么
    • 标题再次出现
    • 什么
    • 什么

    请注意,为了拥有有效的HTML标记,
    ul
    元素只能将
    li
    元素作为直接子元素。谢谢。。。我可以在li中添加另一个ul吗?是的,这对多级列表非常有效。我将更改我的html结构。。你知道我的问题是否可行吗?谢谢丹尼尔:)我会试试的。。两件事:。。。。。第一:是否可以自动添加头类?。。。。。。。。第二:你能用标题将li标签包装起来,这样它也会进入ul吗?我不知道你所说的“标题类可以自动添加”是什么意思。如果您想在子
    中包含标题项,您可以更改使用wrapAll的元素的索引(即
    lis.slice(i,j)
    而不是
    lis.slice(i+1,j)
    (但这在父
    中没有留下任何内容,这让我想知道为什么首先将它们拆分为子列表?)这是一个创建列表的插件,我无法控制它。这就是我要求它的原因。而且你的代码工作得很好。现在我可以在我的表单中创建一个节并制作一个基于卡片的布局。一张卡片包含多个项。我不想自动将第三个类添加到父ul的原因是,我可以从后端添加catogories。例如,信息,反馈,提交。但是如果我在后端添加一个gsection,我每次都必须返回脚本来添加eHeader类。这对我来说很难解释。顺便说一句。谢谢你,我可以像这样开始设计卡片(示例):