D3.js matcher()函数

d3.js 中的d3.matcher()函数用于返回一个函数，该函数根据元素返回 true 或 false。如果元素匹配，则返回 true，否则返回 false。

句法：

d3.matcher(selector);

参数：上面给出的函数只接受一个上面给出和下面描述的参数：

• 选择器：这里的选择器是要匹配的 HTML 标记的名称。

返回值：此函数返回一个返回布尔值的函数。

下面给出了上面给出的函数的几个例子。

示例 1：

 
 
 
     
     
    Document 
 

    h5{
        line-height:5px;
    }
 
  
    
  
    
    
        This is text1
        This is text2
        This is text3
        This is text4
    
   
  
  
    var heading= d3.selectAll("h5");
    var matcher=heading.filter(d3.matcher("h5"))
                       .node();
    var filter=heading.filter(d3.matcher("h5"))
                      .node();
    console.log(matcher);
    console.log(filter);
   
 

输出：

示例 2：

 
 
 
     
     
    Document 
 

    p{
        line-height:5px;
    }
 
  
    
  
    
    
        This is text1
        This is text2
        This is text3
        This is text4
    
   
  

  
    var heading= d3.selectAll("p");
    var matcher=heading.filter(d3.matcher("p"))
                       .nodes();
    var filter=heading.filter(d3.matcher("p"))
                      .nodes();
    // Matcher and filter are same and equal
    console.log(matcher);
    console.log(filter);
    // Matcher and filter are same and equal so it returns true
    console.log(matcher[0]==filter[0])
   
 

输出：