遍历与JavaScript的表DOM

我知道这是有史以来最简单的问题，但我似乎无法找到答案，我在黑暗中搜索，所以有一点帮助表示赞赏。我试图在class ='song_artist'的节点中获取文本。我有一个对父节点的引用，但无法访问我正在寻找的文本。我的HTML看起来像这样：遍历与JavaScript的表DOM

<tr id='0000moe2008-05-23d01t01_vbr' class='row-even'><td class='song_name'>Captain America<h3> (00:00)</h3></td><td class='song_artist'>moe.</td><td class='song_date'>2008-05-23</td><td class='song_location'>Jones Beach, VA</td></td><td class='song_extras'></td></tr> 
<tr id='00011-01_Rock_And_Roll_Part_2' class='row-odd'><td class='song_name'>Rock and Roll part 2<h3> (00:00)</h3></td><td class='song_artist'>Phish</td><td class='song_date'>1998-11-20</td><td class='song_location'>Jones Beach, VA</td></td><td class='song_extras'></td></tr> 
<tr id='00021-03_Quinn_The_Eskimo' class='row-even'><td class='song_name'>Quinn the Eskimo<h3> (00:00)</h3></td><td class='song_artist'>Phish</td><td class='song_date'>1998-11-20</td><td class='song_location'>Jones Beach, VA</td></td><td class='song_extras'></td></tr>

就像我说的，我已经到<tr>一个参考，但它不能使该<td>我要找的。我认为完整的参考看起来像：parent.firstChild.nextSibling.data但我不断收到各种各样的死胡同。任何JavaScript大师在这里？

来源

2009-06-17 danwoods

你可以这样做：

var collection = document.getElementsByTagName("td"); 
for(var i = 0; i < collection.length; ++i) 
{ 
     if (collection[i].getAttribute("class") === "whateveryouwant") 
     { 
     } 
}

但我建议使用像jQuery JavaScript框架，切换从那时起你唯一需要做的是：

var element = $("td.song_artist") //here you get all element you are looking for

来源

2009-06-17 14:39:40

实际上，如果可能，$（“tr.song_artist”）会更快。 – 2009-06-17 14:41:45

在纯JavaScript：

var elements = document.getElementsByClassName('song_artist') 
for (var i=0; i<elements.length; i++){ 
    text = elements[i].innerHTML; 
}

标准警告：使用javascript fram ework代替。

来源

2009-06-17 14:44:58 Triptych

遍历与JavaScript的表DOM

回答

相关问题