是否可以找出边缘源和/或目标具有的类别？

Question

I have given some nodes a class "hidden" and some a class "visible".

I am using the

d3.selectAll(".link")

to select all links in my force directed graph. These links have both source and target, all linked in a JSON file.

I want to go through these links and check the links source node class (and the target) and see if any of the classes = visible/hidden.

If both the source and target are "visible" then the link will have a "visible" class else have a "hidden" class.

How do I see what the links source and target classes are ?

Here is what I have tried but I do not know what to put in the main 'if' statement.

  d3.selectAll(".link.visible").attr("class", function(d) {
        var c = "link";
        if (d.source.visible && d.target.visible) //here this doesnt work, I need to
        //find out if source and target of the selected link are visible
        { 
            clog("VISIBLE");
            c += " visible";
        } else {
            clog("HIDDEN");
            c += " hidden";
        }
        return c;
  });

Where I apply the visible class to all nodes at the start :

var nodes = inner.selectAll(".node").append("g")
    .data(network.network.data.nodes)

nodes.classed("visible", true);

Here is where I show/hide nodes depending if they're selected or not

nodes.classed("hidden", function (d)
    {
        //if()
        return d.selected ? false : true;
    });

    nodes.classed("visible", function (d)
    {
        return d.selected ? true : false;
    });

Answer 1

Since the source and target data nodes both have a property selected that determines the visibility of the associated DOM node, just use that property instead of looking for the CSS classes.

d3.selectAll(".link")
    .attr("class", function(d) {
        return d.source.selected && d.target.selected ? "visible" : "hidden";
    });