在变量中使用 .each() .find() 和 .text()

Question

过去几个小时我一直在尝试解决这个问题，但我无法理解它，所以我有以下功能：

$("SPEECH",currentContext).each(function(){
        var speaker = $("#selectSpeaker").val();
        if($(this).find("SPEAKER").text()===speaker){
            var line = $(this).find("LINE").text();

            $("#speakers").append("<p class='speech'>" + speaker + "</p>" + "<p>" + line + "</p>");
        } 
    });

XML 标记如下：http://pastebin.com/GhesMcay

我正在做的是通过 XML 提取诸如 LINE 和 SPEECH 之类的信息，并且它工作得几乎完美，它找到了选定的 SPEAKER，找到了与扬声器关联的 LINE 和输出它们。但是，我发现 XML 中连续的任何 LINE 都被放入 1 个长段落中，而不是每个段落的新段落中（就像我想要的那样）。通过这样做，对于连续的行，在一行的结尾和下一行的开头之间没有空格，因此行的开头和结尾字被连接在一起。

据我所知，我可以说这归结为不寻找每一行，所以我的想法是在变量中使用 .each() 可以解决这个问题，但是我似乎无法让它工作。

任何帮助将不胜感激！

提前致谢。

Answer 1

你所说的基本正确。如果$(this).find("LINE") 返回多个项目，那么当您调用text() 时，文本将被连接在一起。如果你想对每一个单独做一些事情，你可以使用each：

var lines = $(this).find("LINE");

lines.each(function(){
   var singleLine = $(this);

   // do something here
});

编辑：另一种选择是使用map：

var lines = $(this).find("LINE").map(function(){
    return "<p>" + $(this).text() + "</p>";
}).get().join("");

$("#speakers").append("<p class='speech'>" + speaker + "</p>" + lines);

Answer 2

.find(...) 可能会返回一个项目数组。你应该映射它们：

$("SPEECH",currentContext).each(function(){
    var speaker = $("#selectSpeaker").val();
    if($(this).find("SPEAKER").text()===speaker){

        // treat this like an array, and return a new paragraph for each line:
        var lines = $.makeArray(
            $(this).find("LINE").map(function() { return "<p>" + $(this).text() + "</p>"; })
        );

        $("#speakers").append("<p class='speech'>" + speaker + "</p>" + lines.join(""));
    } 
});

编辑：忘记了 .map() 是具有返回值的那个......然后你必须调用 .makeArray。 :( 不幸的是没有那么简单。