如何限制使用jQuery和CSS的動態填充導航？

Question

我使用的是名爲Perch的CMS，我需要將Blog導航限制爲過去12個月。鱸魚說，我不能在CMS方面做到這一點。有沒有辦法在前端使用jQuery函數和CSS來完成它？

這是CMS在前端輸出的代碼。

<ul> 

    <li><a href="archive.php?year=2013">2013</a> 

<ul> 

    <li><a href="archive.php?year=2013&amp;month=06">June</a></li> 

    <li><a href="archive.php?year=2013&amp;month=05">May</a></li> 

    <li><a href="archive.php?year=2013&amp;month=04">April</a></li> 

    <li><a href="archive.php?year=2013&amp;month=03">March</a></li> 

    <li><a href="archive.php?year=2013&amp;month=02">February</a></li> 

    <li><a href="archive.php?year=2013&amp;month=01">January</a></li> 

</ul> 

    </li> 

    <li><a href="archive.php?year=2012">2012</a> 

<ul> 

    <li><a href="archive.php?year=2012&amp;month=12">December</a></li> 

    <li><a href="archive.php?year=2012&amp;month=11">November</a></li> 

    <li><a href="archive.php?year=2012&amp;month=10">October</a></li> 

    <li><a href="archive.php?year=2012&amp;month=09">September</a></li> 

    <li><a href="archive.php?year=2012&amp;month=08">August</a></li> 

    <li><a href="archive.php?year=2012&amp;month=07">July</a></li> 

    <li><a href="archive.php?year=2012&amp;month=06">June</a></li> 

    <li><a href="archive.php?year=2012&amp;month=05">May</a></li> 

    <li><a href="archive.php?year=2012&amp;month=04">April</a></li> 

    <li><a href="archive.php?year=2012&amp;month=03">March</a></li> 

    <li><a href="archive.php?year=2012&amp;month=02">February</a></li> 

    <li><a href="archive.php?year=2012&amp;month=01">January</a></li> 

</ul> 

    </li> 

    <li><a href="archive.php?year=2011">2011</a> 

<ul> 

    <li><a href="archive.php?year=2011&amp;month=12">December</a></li> 

    <li><a href="archive.php?year=2011&amp;month=11">November</a></li> 

    <li><a href="archive.php?year=2011&amp;month=10">October</a></li> 

    <li><a href="archive.php?year=2011&amp;month=09">September</a></li> 

    <li><a href="archive.php?year=2011&amp;month=08">August</a></li> 

    <li><a href="archive.php?year=2011&amp;month=07">July</a></li> 

    <li><a href="archive.php?year=2011&amp;month=06">June</a></li> 

    <li><a href="archive.php?year=2011&amp;month=05">May</a></li> 

    <li><a href="archive.php?year=2011&amp;month=04">April</a></li> 

    <li><a href="archive.php?year=2011&amp;month=03">March</a></li> 

    <li><a href="archive.php?year=2011&amp;month=02">February</a></li> 

    <li><a href="archive.php?year=2011&amp;month=01">January</a></li> 

</ul> 

    </li> 

    <li><a href="archive.php?year=2010">2010</a> 

<ul> 

    <li><a href="archive.php?year=2010&amp;month=11">November</a></li> 

    <li><a href="archive.php?year=2010&amp;month=09">September</a></li> 

    <li><a href="archive.php?year=2010&amp;month=02">February</a></li> 

</ul> 

任何幫助表示讚賞！

Answer 1

那麼，用JS刪除數據絕對不是一個好主意，因爲你可以很容易地防止這種情況的發生，所以你應該找到一種方法來限制php/perch的輸出。

在jQuery中，你可以做這樣的事情：

$('li:gt(11)').remove(); 

$('ul').each(function() { 
    if (!$(this).children().length) $(this).remove(); 
});