使用javascript DOM遍历表

Question

我知道这是有史以来最简单的问题,但我似乎无法找到答案而且我在黑暗中寻找,所以我会感激一点帮助.我正在尝试在class ='song_artist'的节点中获取文本.我有一个父节点的引用,但只是无法找到我正在寻找的文本.我的HTML看起来像这样:

<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大师吗？

Answer 1

你可以做:

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