Question

我有一个div，里面有很多跨距。现在，我想读取所有span的所有文本以及thirr-id，并将其填充到一个javascript映射中，其中key=spanid和value=“text of span。我该怎么做？”？

Eg <div mydiv="xyx" >   
     <span id ="sp1" > M/span>
     <span id ="sp2" > M/span>
     .... 
      ..

   </div>

如何填充地图？

Answer 1

您可以使用document.getElementById和document.getElementsByTagName获取元素，然后遍历它们并将它们添加到对象中。使用textContent和innerText以获取span元素的文本，并将它们插入对象中，如下所示：

var spans = document.getElementById( xyx ).getElementsByTagName( span ), 
    obj = {};

for(var i = 0, l = spans.length; i < l; i++){
    obj[spans[i].id] = spans[i].textContent || spans[i].innerText;
}

点击此处查看：http://www.jsfiddle.net/SJs4h/

Answer 2

var container=document.getElementById( xyx );
var spanArray=container.getElementsByTagName( span );
for(var s=0;s<spanArray.length;s++){
  spanText=spanArray[s].innerHTML;
}

Answer 3

使用Jquery非常简单：

var spans = $( #xyx ).find( span );
var arr = new Array();
 foreach(spans as span)
 {
       arr[$(span).attr( id )] = $(span).text;
 }

希望我能帮上忙。

Update: None jquery way:

var spans = document.getElementById( xyx );
spans = spans.getElementsByTagName( span );
var arr = new Array();
foreach(spans as span) 
{
   arr[span.getAttribute( id )] = arr[span.innerHTML];
}

友情链接