0

私は大学のプロジェクトを行っています。そこでは、セットのxmlファイルから情報をフィードし、jQueryを個々の段落として使用してセットのdivに配置します。

現時点では、フィードされているのは次のようなものです。

<p class="speech">Blah</p>
<p class="line">Blah</p>
<p class="line">Blah</p>
<p class="line">Blah</p>
<p class="line">Blah</p>
<p class="speech">Blah</p>
<p class="line">Blah</p>

等。

モジュールの要件の1つは、5行ごとに番号を付けることです。これは、次のようなものを使用することで最も簡単に実行できると思いました。

$("#contents_txt p:nth-child(5n)").append("<span> - 5th</span>");

ただし、各5行目の末尾に「5th」を追加する代わりに、複数回追加しています。

COUNTESS

私から息子を引き渡す際に、私は2番目の夫を葬ります。

BERTRAM

そして、私は行く途中で、マダム、父の死を泣きます

新たに：しかし、私は彼の陛下の命令に出席しなければなりません、〜-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日- 5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日- 5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日- 5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日- 5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日- 5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日-5日

なぜこれが起こっているのか理解できません。.cssセレクターのようなものに変更すると、5行ごとにスタイルをうまく適用できるからです。

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

前もって感謝します！

編集

私はそれのjsfiddleを作成しました：http：//jsfiddle.net/LfpMm/しかし、それは必要最低限​​の環境で動作しているようです。

私の側の実用的な例が利用可能です：http：//immbudden.com/siab/siab.html

私が何を意味するかを確認するには、演劇をクリックし、コンテンツナビゲーションをクリックし、シーンをクリックすると、何が起こっているかがわかります。

ありがとう。

4

1 に答える 1

1

localscripts.jsファイルを見てください。この行で

$(this).find("LINE").each(function(){
    $("#contents_txt").append("<p class='line'>"  + $(this).text() + "</p>");
    $("#contents_txt p:nth-child(5n)").append("<span> - 5th</span>");
});

たぶん、その2番目の追加を.each関数から移動します。

$(this).find("LINE").each(function(){
    $("#contents_txt").append("<p class='line'>"  + $(this).text() + "</p>");
});

    $("#contents_txt p:nth-child(5n)").append("<span> - 5th</span>");
于 2012-04-27T00:41:44.993 に答える