jQuery的 - 減少標題的大小

Question

我想通過一個

例子來降低我的網頁上的所有標題：

<h1>Hi</h1> -> <h2>Hi</h2> <h3>Moin</h3> -> <h4>Hi</h4>

什麼是實現這一目標的jQuery的最佳方法是什麼？

謝謝！

Answer 1

可能並非最好的解決辦法，但你可以試試這個：

$("h1, h2, h3, h4, h5").each(function() { 

    if($(this).is("h1")) { 
    $(this).replaceWith("<h2>" + $(this).text() + "</h2>"); 
    } 
    else if($(this).is("h2")){ 
    $(this).replaceWith("<h3>" + $(this).text() + "</h3>"); 
    } 
    else if($(this).is("h3")){ 
    $(this).replaceWith("<h4>" + $(this).text() + "</h4>"); 
    } 
    else if($(this).is("h4")){ 
    $(this).replaceWith("<h5>" + $(this).text() + "</h5>"); 
    } 
    else if($(this).is("h5")){ 
    $(this).replaceWith("<h6>" + $(this).text() + "</h6>"); 
    } 

}); 

DEMO