Jquery 包裹<;a>;a<;李>;

Jquery 包裹<;a>;a<;李>;,jquery,html,Jquery,Html,我需要更改此HTML代码: <div id="data-table_paginate" class="dataTables_paginate paging_full_numbers"> <a id="data-table_first" tabindex="0" class="first paginate_button paginate_button_disabled">Primero</a> <a id="data-table_previ

我需要更改此HTML代码:

<div id="data-table_paginate" class="dataTables_paginate paging_full_numbers">
    <a id="data-table_first" tabindex="0" class="first paginate_button paginate_button_disabled">Primero</a>
    <a id="data-table_previous" tabindex="0" class="previous paginate_button paginate_button_disabled">Anterior</a>
    <span><a tabindex="0" class="paginate_active">1</a><a tabindex="0" class="paginate_button">2</a></span>
    <a id="data-table_next" tabindex="0" class="next paginate_button">Siguiente</a>
    <a id="data-table_last" tabindex="0" class="last paginate_button">Último</a>
</div>

普里梅罗
先前的
12
西吉恩特
阿尔蒂莫
对于这一点:

<ul id="data-table_paginate" class="dataTables_paginate paging_full_numbers">
    <li><a id="data-table_first" tabindex="0" class="first paginate_button paginate_button_disabled">Primero</a></li>
    <li><a id="data-table_previous" tabindex="0" class="previous paginate_button paginate_button_disabled">Anterior</a></li>
    <li><a tabindex="0" class="paginate_active">1</a></li>
    <li><a tabindex="0" class="paginate_button">2</a></li>
    <li><a id="data-table_next" tabindex="0" class="next paginate_button">Siguiente</a></li>
    <li><a id="data-table_last" tabindex="0" class="last paginate_button">Último</a></li>
</ul>
  • 普里梅罗
  • 前面的
  • 一,
  • 二,
  • 西吉恩特
  • 阿尔蒂莫
正如您可能看到的,它只是一个
ul
的change
div
元素,并将
div
中的每个
包装在
li
中(也可以取出
span
并改为
li
)。我不是jQuery专家,但我很确定这很容易,有人能帮我一下吗

PS:代码是动态的,因此可能只有一个a,但可能会有几个

您可以使用以下功能:

$(function() {
    $('#data-table_paginate a').wrap('li');
});
这将在
data-table_paginate
div中找到所有锚点,并将它们包装在
li
元素中

您可以使用以下功能:

$(function() {
    $('#data-table_paginate a').wrap('li');
});

这将在
data-table_paginate
div中找到所有锚点,并将它们包装在
li
元素中

使用jQuery非常简单:

$('div#data-table_paginate a').wrap('<li>');
制造

我已经更新了我的解决方案以符合您的规格。
注意:使用jQuery会妨碍许多您需要的嵌套代码。

使用jQuery非常简单:

$('div#data-table_paginate a').wrap('<li>');
制造

我已经更新了我的解决方案以符合您的规格。

注意:使用jQuery会妨碍您需要的许多嵌套代码。

您目前是否有任何代码,我们可以看到这些代码是如何生成的?或者你想用1行程序来修复它?
我不是jQuery专家,但我很确定这很容易,所以为什么不尝试一下,让我们知道你遇到了什么困难。首先看一看jQuery中的所有函数。您想用jQuery生成它并更改它的客户端吗?听起来您可能会使用@KyleMuir它是通过PHP生成的,但不要担心,因为结果总是相同的,即第一个、最新的,下一个和上一个
将存在唯一将更改的是中间的一个,因为可能是一页、两页、三页或更多页,这是我之前说过的,您目前有任何代码,我们可以看到它是如何生成的吗?或者你想用1行程序来修复它?
我不是jQuery专家,但我很确定这很容易,所以为什么不尝试一下,让我们知道你遇到了什么困难。首先看一看jQuery中的所有函数。您想用jQuery生成它并更改它的客户端吗?听起来您可能会使用@KyleMuir它是通过PHP生成的,但不要担心,因为结果总是相同的,即第一个、最新的,下一个和上一个
将存在唯一将更改的是中间的一个,因为可能是一页、两页、三页或更多,这是我之前说过的,它适用于其余的元素,但不适用于
span
中的元素,请注意,在我要转换的代码中,我删除了span complety并将
内部分隔开。测试你的代码我得到这个
  • 12
  • ,我需要这个
  • 1
  • 2
  • 还有如何添加ul和删除主容器
    div
    ?(
    div id=“data-table_paginate”
    )?很好,它不会删除
    a
    元素,但我不能单击任何链接?这是罕见的,为什么?因为您没有提供
    href=“
    使
    a
    不是一个链接而是一个普通的锚。它适用于
    span
    中的其余元素,但不适用于
    span
    中的元素,请注意,在代码中我要转换,我删除了span complety并分离了
    中的元素。测试你的代码我得到这个
  • 12
  • ,我需要这个
  • 1
  • 2
  • 还有如何添加ul和删除主容器
    div
    ?(
    div id=“data-table_paginate”
    )?很好,它不会删除
    a
    元素,但我不能单击任何链接?这很少见,为什么?因为您没有提供
    href=“
    使
    a
    不是链接而是普通锚定。