javascript - 如何在不依赖 id、class 或 javascript 内容的情况下查找和检索节点位置

Question

上下文:

• 我需要保留用户的节点选择并能够在以后检索它。

• 如果 html 节点上有 id，我将使用它。

• 但是当没有 ID 时，问题就来了。我需要能够标记此节点并且即使在页面刷新后也能找到它。

我尝试了一些关于子节点的事情，但到目前为止我都失败了。

Answer 1

您可以使用节点相对于其兄弟节点的位置在 dom 中定位它。在处理嵌套元素时，您只需在节点位置前加上其父节点相对于其兄弟节点的位置。所以你最终得到一个节点标识符看起来像这样: 2/0/4/1 其中每个 / 对应一个额外的深度级别。这是一个工作示例:

function getNodePosition(node){    
    var node = $(node);
    var result;
    var parent = node.parent();
    var siblings = parent.children();
    var pos = siblings.index(node);
    result = '/' + pos;

    if(parent.length && !parent.is('body')){
        result = getNodePosition(parent) + result;
    }
    return result;
}

function getNodeByPosition(position){
    var node = $('body');
    var layers = position.substring(1).split('/');
    $.each(layers, function(index, val){
        val = parseInt(++val);
        node = node.find(':nth-child(' + val +')')       
    });
    return node[0];
}

Jsfiddle