使用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()跨度元素来获取文本.Javascript数组有一个join()方法可以将管道放在它们之间,但首先需要将jQuery对象转换为Javascript数组.使用$.makeArray()此.

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