你如何得到一个节点的孩子?

时间:2013-10-08 20:29:30

标签: cytoscape.js

我有一个父节点有两个孩子(和多个孙子)。如何仅选择给定节点的子节点(而不是节点本身)?

其他函数edgesWith和edgesTo将两个集合链接在一起,我只想要一个节点的子节点。

我试过这次失败

$('#cy').cytoscape({
  style: cytoscape.stylesheet()
    .selector('node')
      .css({
        'content': 'data(name)',
        'text-valign': 'center',
        'color': 'white',
        'text-outline-width': 2,
        'text-outline-color': '#888'
      })
    .selector('edge')
      .css({
        'target-arrow-shape': 'triangle'
      })
    .selector(':selected')
      .css({
        'background-color': 'black',
        'line-color': 'black',
        'target-arrow-color': 'black',
        'source-arrow-color': 'black'
      })
    .selector('.faded')
      .css({
        'opacity': 0.25,
        'text-opacity': 0
      }),

  elements: {
    nodes: [
      { data: { id: 'j', name: 'Jerry' } },
      { data: { id: 'e', name: 'Elaine' } },
      { data: { id: 'k', name: 'Kramer' } },
      { data: { id: 'g', name: 'George' } }
    ],
    edges: [
      { data: { source: 'j', target: 'e' } },
      { data: { source: 'j', target: 'k' } },
      { data: { source: 'j', target: 'g' } }
    ]
  },

  ready: function(){
    window.cy = this;

    // Elaine, Kramer, George should be blue!
    cy.elements('node[id="j"] node').css({'background-color': 'blue'});
  }
});

2 个答案:

答案 0 :(得分:1)

将准备好的功能更改为以下内容:

ready: function() {
  window.cy = this;

  var edgesFromJerry = cy.elements('edge[source="j"]');
  var jerryChildren = edgesFromJerry.target();
  jerryChildren.css('background-color', 'blue');
}

答案 1 :(得分:0)

Matthew Burke的答案略有改变,选择所有孩子而不是一个孩子。

   ready: function() {
      window.cy = this;

      var edgesFromJerry = cy.edges('edge[source="j"]');
      var jerryChildren = edgesFromJerry.targets();
      jerryChildren.css('background-color', 'blue');
    }

在评论中发布答案而非评论作为答案往往是一个难以找到的