Jquery 将附加到

我正在使用一个CMS，我在其中输入一个标记{tag_pagination}，它呈现一个正常的分页链接

唯一的问题是，它没有使用列表元素创建它们，因此显得很草率，而对于活动链接，它只是以纯文本呈现，根本没有HTML

其内容如下：

<span class="pagination" id="pagination">
   1  
   <a href="/subcat?Page=2&Items=12">2</a>
   <a href="/subcat?Page=3&Items=12">3</a>
   <a href="/subcat?Page=4&Items=12">4</a>
   <a href="/subcat?Page=5&Items=12">5</a>
   <!-- (...) -->
   <a href="/subcat?Page=7&Items=12">7</a>
</span>
<a href="/subcat?Page=2&Items=12">
    <i class="icon icon-arrow-next"></i>
</a>

---

有没有办法将其更改为正确的引导分页？

您可以向类分页添加自定义CSS或向其添加现有的引导类

显示使用引导时的外观

---

如果您使用jQuery，您可以使用ul将span替换为id分页。

我认为这可以帮助您获得解决方案

$('#pagination').replaceWith(function() {
    return $('<ul />', {
        html: this.innerHTML,
        id: 'pagination',
        class: 'pagination'
    });
});
$('#pagination').contents().filter(function(){return this.nodeType === 3}).wrap('<a/>');
$('ul#pagination a').each(function(){
    var ele = $(this);
    var ahref = (typeof ele.attr('href') === 'undefined')?'#':ele.attr('href');
    var atext = ele.html();
    ele.replaceWith('<li><a href="'+ ahref +'">'+ atext +'</a></li>');
});

---

但请仍然我建议您修改您的标签{tag_pagination}，如果可能的话与ul li。希望这有助于解决您的问题。

我认为您必须对标记{tag_pagination}进行更改，因为可能会在那里指定它来包装分页，而不是。@Nimmi我无法更改布局，我输入了标记并预生成它，我无法控制生成的内容。是的，我想是这样的，所以我试过了，但仍然没有相同的效果，因为它是一个无类的纯文本。请尝试使用浏览器将跨度更改为a，看看是否有帮助。。如果是这样的话，我会向你解释如何在你的代码中修改它。好的，我这么做了，几乎成功了。纯文本部分被卡在右侧，而不是它的自然位置。作为活动页的纯文本部分。你可以看到这里的图像：嗯，这很奇怪：-不幸的是，我不能帮你，这是我知道的唯一解决方案。。