0

Perch という CMS を使用しており、ブログのナビゲーションを過去 12 か月に制限する必要があります。Perch は、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>

どんな助けでも大歓迎です!!

4

1 に答える 1

1

JS を使用してデータを削除することは決して良い考えではありません。これは簡単に防ぐことができるため、php/perch を使用して出力を制限する方法を見つける必要があります。

jQuery では、次のようなことができます。

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

$('ul').each(function() {
    if (!$(this).children().length) $(this).remove();
});
于 2013-06-11T16:01:50.507 に答える