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>

等等。

该模块的要求之一是每 5 行编号，我认为使用以下方法最容易做到这一点：

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

但是，不是在每 5 行的末尾添加“5th”，而是多次添加：

伯爵夫人

为了从我身边救出我的儿子，我埋葬了第二个丈夫。

伯特伦

我走了，夫人，为我父亲的死而哭泣

新：但我必须听从陛下的命令，至 - 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日- 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 5th - 第 5 - 第 5 - 第 55日 - 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>");
});

也许将第二个附加从 .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 回答