jquery - 如何动态更改 html 标签？jQuery

Question

我正在尝试在我的公告板中添加分页（页码）；

这是ui标签

<!-- UI Object -->
<div class="paginate_complex">
    <a href="#" class="direction prev"><span></span><span></span> First</a>
    <a href="#" class="direction prev"><span></span> prev</a>
    <a href="#">1</a>
    <a href="#">2</a>
    <a href="#">3</a>
    <a href="#">4</a>
    <a href="#"><strong>5</strong></a>
    <a href="#">6</a>
    <a href="#">7</a>
    <a href="#">8</a>
    <a href="#">9</a>
    <a href="#" class="direction next">next<span></span></a>
    <a href="#" class="direction next">end <span></span><span></span></a>
</div>

必须做这种事情

1. 在当前页码动态添加强标签

2. 更改数字的值（例如，如果用户按下下一个 1~9 更改为 11~19）

3. 如果用户转到下一个，必须更改 href 值

等等。

我应该在 jQuery 或 javascript 中使用什么样的方法？

Answer 1

做粗体你可以这样做：

$('.item').click(function(){
$(this).css('font-weight', 'bold');
});

对于更改，您可以执行以下操作：

$('.next').click(function(){
$('.content1').css({'content' : @'10'});
$('.content2').css({'content' : @'11'});
// etc...
});

Answer 2

您可以使用：

• .wrap('<strong/>')将元素包装在strong标签中（有点明显）
• .attr('href', data)修改 href 或任何其他属性。
• .html(data)修改html内容（如数字）
• .css(attr, value)可用于直接更改样式（而不是.wrap()）

但我不太确定你是否想直接那样做。我可能会创建一个函数，从头开始生成整个分页 html 并重新渲染整个内容......