Необходимо скрыть все элементы svg, за исключением тех, которые выбраны из списка javascript

Question

Я создал список операторов, чтобы отобразить на карте карту своих конвейеров. Я хочу иметь возможность скрывать все конвейеры, которые не были проверены в списке. Поэтому, если один оператор проверен, тогда покажите только, что один оператор конвейер на карте. Прямо сейчас это скрывает все из-за selectAll, но я пробовал несколько других вариантов, и ничего не работает. Он либо скрывает их всех, либо нет.
JS:

if($("#pipeExclusion").val() == 1){ 
     map.svg.selectAll(".pipe").style("visibility", "hidden"); 
    } else if($("#pipeExclusion").val() == 0){ 
     map.svg.selectAll(".pipe").style("visibility", "visible"); 
    } 

Вот где я тяну на всех трубопроводах

 if(map.filters.showPipes){ 
     map.svg.selectAll(".pipe") 
      .data(topojson.feature(pipeData, pipeData.objects.ngpipes).features).enter().append("path") 
      .attr("class", function(d){return "pipe test p" + pipeOperators.indexOf(d.properties.name);}) 
      .attr("d", map.svgPath); //map.svgPath 
     } 

     for(i=0;i<pipeOperators.length;i++){ 
     if(map.filters.showPipes == 1){ 
      $("#pipeOperatorsList").append("<li><input type='checkbox' class='pipeOperator' value=p" + pipeOperators.indexOf(pipeOperators[i]) + "> " + pipeOperators[i] + "</li>"); 
      } 
     } 

Я пытался добавить & & в верхнюю, если для проверки состояния класса для операторов, в списке, но он не работает, потому что он не скрывает, когда я это делаю. Какие-нибудь советы?

Answer 1

Вот мой ответ .. пришлось создать новую функцию щелчка

 $(".pipeOperator").click(function(){ 
     if(this.checked == true){ 
      console.log("." + this.value); 
      //$("." + this.value).style("visibility", "visible"); 
      map.svg.selectAll("." + this.value).style("visibility", "visible"); 
     } 
     if(this.checked == false){ 
      console.log("." + this.value); 
      //$("." + this.value).style("visibility", "hidden"); 
      map.svg.selectAll("." + this.value).style("visibility", "hidden"); 
     } 
    });