jquery - 使用 jquery 操作构建 Javascript 变量

Question

我需要使用 jQuery 构建一个字符串变量来查找所有被 span 标签包围的文本节点。重要的是，我需要用管道字符“|”分隔每个文本段。

例如，采用以下 html:

<div id="myDiv">
<span>this</span> <span>is</span> <span>the</span> <span>text</span>
</div>

使用 jQuery 我需要生成以下内容:

var my_variable = "this|is|the|text";

到目前为止，我有以下 jQuery 语句，但这只是在末尾添加了管道字符，并且没有分隔每个文本段。

var my_variable = $("#myDiv").find("span").text() + '|';

任何帮助将不胜感激。

注意:要删除我要使用的字符串末尾的最后一个管道字符:

my_new_variable = "my_variable.slice(0, -1)";

Answer 1

您可以使用map()在 spans 元素上获取文本。 Javascript 数组有 join()方法将在它们之间放置管道，但首先您需要将 jQuery 对象转换为 Javascript 数组。使用$.makeArray()为此。

var my_variable = $.makeArray($("#myDiv span").map(function() {
  return $(this).text();
})).join("|");