Javascript 返回与jQuery连接的动态字符串

我希望在使用jquery的javascript代码中包含以下内容：

$('.attrs span:nth-child(1)').text() + ' | ' + $('.attrs span:nth- 
child(2)').text() + ' | ' + $('.attrs span:nth-child(3)').text() ...

虽然跨元素的子元素的数量将发生变化，所以我动态地处理它，如下所示：

      function getString(containerElem) {
            var str = '';
            for (var i = 0; i < containerElem.children().length; i++) {
                    ((i + 1) == containerElem.children().length) ? str += '$(\'.attrs span:nth-child('  + (i + 1) +  ')\').text()' : str += '$(\'.attrs span:nth-child('  + (i + 1) +  ')\').text() + \'  \' + ';
            }
            return str;
       }

函数getString（containerElem）{
var-str=''；
for（var i=0；i

---

当我将其作为字符串返回时，jQuery将不起作用，因为

$

现在也是一个字符串，我是否可以使用一些标志或全局变量来添加到字符串中，例如

$.getString（）+$.getString2（）…

，这取决于容器中有多少span元素？

您不需要知道有多少

，您只需使用

$（'.attrs span'）

然后，只需使用

innerText

获取它们的文本值，并使用

Array#join

创建您的

字符串

：

let span=$（'.attrs span'）；
让result=span.get（）.map（e=>e.innerText.join（“|”）；
控制台日志（结果）

1.
2.
3.
4.
5.
您不需要知道您有多少个
，只需使用

$（'.attrs span'）

然后，只需使用
innerText
获取它们的文本值，并使用
Array#join
创建您的
字符串
：


let span=$（'.attrs span'）；
让result=span.get（）.map（e=>e.innerText.join（“|”）；
控制台日志（结果）

1.
2.
3.
4.
5.
可以使用选择器作为参数调用jQuery
children
方法，以将子对象列表限制为该选择器。通过这种方式，您可以找到属于
SPAN
的所有子元素，迭代该元素列表并读取内部文本


函数getString（containerElem）{
var-str=''；
containerElem.children（'span'）。每个（函数（i，元素）{
str+=jQuery（element）.text（）；
});
返回str；
}
log（getString（jQuery（'.attrs'））

1.
2.
3.
4.
5.
可以使用选择器作为参数调用jQuery
children
方法，以将子对象列表限制为该选择器。通过这种方式，您可以找到属于
SPAN
的所有子元素，迭代该元素列表并读取内部文本


函数getString（containerElem）{
var-str=''；
containerElem.children（'span'）。每个（函数（i，元素）{
str+=jQuery（element）.text（）；
});
返回str；
}
log（getString（jQuery（'.attrs'））

1.
2.
3.
4.
5.
如果像这样的
$（'.attrs span:nth child（1）'）.text（）作为字符串返回，你可以使用eval（Yourstring），但如果我是你，我会寻找更好的方法。如果像这样的
$（'.attrs span:nth child（1）'）.text（）作为字符串返回，你可以使用eval（Yourstring），但如果我是你，我会寻找一个更好的方法。