Javascript 获取span标记的所有innerhtml内容

我正在尝试获取作为div#parent的子级的所有span标记的内容，但我无法做到这一点，我只获取第一个。谁能帮帮我吗

$（文档）.ready（函数（）{
var allspan=$（“#父项”）.find（“span”）.html（）；
console.log（所有跨度）；
});

jQuery
元素_1
元素2
元素3
元素4
元素5
尝试使用和函数。您将在数组中获得所有span标记innerHTML


$（文档）.ready（函数（）{
var allspan=$（“#父项”）.find（“span”）.map（函数（）{
返回$（this.html（）；
}).get（）
console.log（所有跨度）；
});

jQuery
元素_1
元素2
元素3
元素4
元素5
您需要使用一些循环直到$（#parent”）.find（“span”）.length，默认情况下，jquery html函数将返回第一个匹配的元素内容：

var html = '';
var allspans = $("#parent").find("span");
for(var i=0;i<allspans.length;i++){
  html += allspans[i].innerHTML;
}

var html=''；
var allspan=$（“#父项”）。查找（“span”）；
对于（var i=0；i，您可以使用
迭代
span
。每个
，然后像这样访问它们各自的
内部HTML
。通过
。每个
可以将内部HTML内容组合成一个数组或字符串

或者，您可以通过
$（“#parent”）.text（）获取所有
span
的内部文本


$（文档）.ready（函数（）{
$（“#父项”）.find（“span”）.each（函数（）{
log（$（this.html（））；
});
console.log（$（“#parent”）.text（）；
})；

jQuery
元素_1
元素2
元素3
元素4
元素5

$（文档）.ready（函数（）{
var allspan=$（“#父项”）。查找（“span”）；
var allSpanHtml=''；
allspan.each（函数（）{
allSpanHtml+=$（this.html（）；
});
console.log（allSpanHtml）；
})；

元素_1
元素2
元素3
元素4
元素5
试试这个

var arraySpan = [];
$('span').each(function() {
   arraySpan.push(this.innerHTML);
});

您需要循环通过选择器和控制台匹配的每个跨度，记录每个html值，或者将它们连接到一个变量中，或者将它们推送到一个数组变量中；这取决于最有效的方法

做一些类似于：

$( document ).ready(function() {
    $("#parent").find("span").each(function(){
     console.log( $(this).html() );
    });
});

记录每个跨距的html值。
JQuery速度慢，不需要这样做

spans = document.getElementById("parent").getElementsByTagName("span");

返回父级中所有跨距的数组

此时任务已完成，正如我所理解的：跨越[span_number]。innerHTML就是您想要的

然后只需以任何方式（foreach或任何您喜欢的方式）解析该数组：

for（变量i=0，len=span.length；i

尽可能避免使用JQuery，使您的代码更加独立、快速、资源密集度更低和健壮。节省流量

for(var i = 0, len = spans.length; i < len; i++ )
{
    console.log(spans[i].innerHTML);
}