如何在Cytoscape.js中获取选中节点的边并通过cy.add()重新添加？

我帮你分析下这个问题哈，你遇到的connectedEdges()返回空集合（u {length: 0, ...}），大概率是调用时机不对，或者选中节点的方式有问题，咱们一步步来解决：

1. 核心问题：调用connectedEdges()的时机错了 #

connectedEdges()只能拿到当前还在图里的、和节点相连的边。如果你已经把边从图中删掉了，再调用这个方法肯定返回空呀！

正确的流程应该是这样的：

• 先选中节点
• 立刻把关联边的数据存下来
• 再去做移除边的操作（如果需要）
• 之后要恢复的时候，用存好的数据通过cy.add()加回去

给你个示例代码参考：

// 1. 先拿到选中的节点
const selectedNodes = cy.nodes(':selected');

// 2. 先确认真的选中节点了，别白忙活
if (selectedNodes.length === 0) {
  console.log("哎，没选中任何节点哦！");
  return;
}

// 3. 关键：在边被删掉前，先获取关联边
const connectedEdges = selectedNodes.connectedEdges();

// 4. 把边的所有数据存起来，包括ID、源/目标节点、位置信息
const edgesToRestore = connectedEdges.map(edge => ({
  group: 'edges',
  data: { ...edge.data() }, // 复制边的ID、source、target这些核心数据
  position: { ...edge.position() } // 保存边的位置，确保恢复后和原来一模一样
}));

// （可选）如果需要删掉边，现在再执行
connectedEdges.remove();

// 5. 之后要恢复边的时候，直接加存好的数据就行
cy.add(edgesToRestore);

2. 检查你的节点选中逻辑是否正确 #

有时候:selected选择器可能因为节点选中状态没设对而失效，你可以换个方式拿选中节点试试：

const selectedNodes = cy.nodes().filter(node => node.selected());

打印selectedNodes.length看看有没有数值，如果是0，说明节点根本没被选中，得先排查你的选中逻辑哦。

3. 确保边的数据源没问题 #

如果你的边是动态加的，要保证边的source和target属性和选中节点的ID完全匹配，不然connectedEdges()认不出来它们是关联的。比如边的数据得是这样的：

{
  group: 'edges',
  data: {
    id: 'edge1',
    source: 'node1', // 必须和对应节点的ID一模一样
    target: 'node2'
  }
}

4. 想保持原位置？一定要存position #

如果你希望恢复后的边和原来的位置完全一致，一定要把边的position数据存下来（上面的示例已经包含了），不然Cytoscape默认会重新计算边的位置，布局就变啦。

内容的提问来源于stack exchange，提问作者Asad Ali Khan