如何将特定字符包装在字符串中?

时间:2019-05-27 01:49:45

标签: jquery

大家晚上好! 我只是一个初学者。在我的项目中,后端返回该代码块。我需要以某种方式将最后一个元素包装在字符串中(直到为止的所有内容)。这就是后端返回的信息:

<ul class="pagination" id="pagination">
 Displaying 1 to 50 of total 121 items.&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;
 <a href="#">2</a>&nbsp;
 <a href="#">3</a>&nbsp;
</ul>

那是我的jquery代码。我被困在这里:

$(document).ready(function(){
    $('#pagination').each(function(){
        $('#pagination').wrapAll('<nav aria-label="Page navigation example" />')
        $(this).find('a').attr('class','page-link').wrapAll('<li class="page-item" />')
    })

    $('#pagination').wrapInner('<a class="page-link" href="#" tabindex="-1" />').wrapInner('<li class="page-item disabled" />');
    $('#pagination').append($('.page-item'))
});

那是我最后想要的:

<ul class="pagination" id="pagination">
    <li class="page-item disabled">
    <a class="page-link" href="#" tabindex="-1">Displaying 1 to 50 of total 121 items
        </a>
    </li>
        <li class="page-item">
            <a href="#" class="page-link">1</a>   
            <a href="#" class="page-link">2</a>
            <a href="#" class="page-link">3</a>
        </li>
    </ul>

谢谢!

0 个答案:

没有答案