javascript - 访问下一个 sibling

Question

我有一个如下所示的 HTML 片段:

<tr><td></br></td></tr>
<tr title="title"><td></td><td>凝固検査専用容器</td></tr>
<tr id='map_6011' />
<tr id='map_6012' />
<tr id='map_6010' />
<tr id='map_6184' />
<tr id='map_6336' />    
<tr><td></br></td></tr>

<tr title="title"><td></td><td>血糖専用容器(NaF入り)</td></tr>
<tr id='map_2055' />
<tr id='map_3471' />    
<tr><td></br></td></tr>

<tr title="title"><td></td><td>ｱﾝﾓﾆｱ専用容器</td></tr>
<tr id='map_2142' />

首先，我想选择标题为“title”的每个 TR 标签，然后选择该特定 TR 标签的第一个同级标签。(即，ID 类似于“map_xxxx”的下一个 TR)。

我的 JavaScript 是这样的:

var lblTRs=$("tr[title=title]");
for(var i=0;i<lblTRs.length;i++){
    var obj=lblTRs[i];
    var firstTRSibling=obj.nextSibling;
    alert(firstTRSibling); //this gives [object Text]
}

但它没有给出实际的 TR 同级。alert() 给出了 [object Text]。

我在这里做错了什么？

Answer 1

尝试这样:

var firstTRSibling;
while((firstTRSibling=obj.nextSibling).nodeType !== 3){
                                               //   ^-----indicates TEXT_NODE
    obj=obj.nextSibling;
}
alert(firstTRSibling);

DOM 元素之间有额外的空白字符，它们将被视为文本节点。