我如何動態更改html標記？ jquery

Question

我想在我的bulltin板上添加分頁（頁碼）

這是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

您可以使用：

• .wrap('<strong/>')在strong標籤包裝一個元素（有點顯而易見）
• .attr('href', data)修改href或任何其他屬性。
• .html(data)修改HTML內容（如數字）
• .css(attr, value)可用於直接（的.wrap()代替）

改變造型，但我不敢肯定，如果你想這樣做直接像那。我可能會創建一個函數，從頭開始生成整個分頁html並重新渲染整個事物...

Answer 2

要做到膽大，你可以這樣做：

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

對於變化，你可以這樣做：

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