next兄弟姐妹问题，应该很简单

Question

好吧，我正在尝试掌握 JS 中的 nextSibling 函数。这是我在以下代码中遇到的问题...

var fromRow = document.getElementById("row_1");

while(fromRow.nodeType == 1 && fromRow.nextSibling != null)
{
    var fRowId = fromRow.id;
    if (!fRowId) continue;

    // THIS ONLY gets done once and alerts "row_1" ONLY :(
    alert(fRowId);

    fromRow = fromRow.nextSibling;
}

好的，有人可以告诉我这段代码有什么问题吗？正如我所看到的，这个 document.getElementById("row_1"); 元素旁边肯定有同级元素，并且它们都有 id 属性，那么为什么它没有获取同级元素的 id 属性??我不明白。

row_1 是一个 TR 元素，我需要获取此表中它旁边的 TR 元素，但由于某种原因，它只获取我已经可以使用 document.getElementById 获取第 1 个元素，arggg。

谢谢大家:)

Answer 1

尝试：

var fromRow = document.getElementById("row_1");

while(fromRow !== null)
{
    var fRowId = fromRow.id;
    if (!fRowId || fromRow.nodeType != 1) {
        fromRow = fromRow.nextSibling;
        continue;
    }

    // THIS ONLY gets done once and alerts "row_1" ONLY :(
    alert(fRowId);
    fromRow = fromRow.nextSibling;
}

虽然 fromRow.nextSibling != null 会在倒数第二次迭代时停止，因为您已经在最后将 fromRow 设置为其 nextSibling 。另外，如果下一个节点不是元素，您不一定要停止，您只想在可能的情况下移动到下一个节点。最后，如果您在原始示例中点击“继续”，您将陷入无限循环，因为“fromRow”永远不会更改值。

Answer 2

while 循环一旦遇到非类型 1 的节点就会停止。因此，如果元素之间有任何空格，while 循环将在第一个元素之后中断。

您可能想要的是：

while(fromRow.nextSibling != null)
{
    if(fromRow.nodeType == 1) {
        ...
    }
}