[Solved]-How to use d3.js to select an svg element and modify its attr?-d3.js

The most obvious solution is to use selection.filter() to get a subset of the selection containing all the nodes for which the filter is true. You can then use .attr() on the selection returned by .filter() to apply changes to the attribute values of the new subset only.

function selectNodesWithProperty(container, key, value){
  d3.selectAll(container)
    .filter(d => value === d[key]) 
    .attr('fill', 'red') 
}