내가이없이 D3를 할 수있는 코드 유효한 JSLint 코드 즉, 아래로 변환하는 방법 JSLint

Question

을 지원하기 위해 어떻게 D3 방법에서 https://codepen.io/anon/pen/eGGXKR

d3.selectAll(".test").style("background-color", function(){ 
 
    return d3.select(this).html(); 
 
})

.test{ 
 
    padding:4px; 
 
    margin:4px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.9.1/d3.min.js"></script> 
 
<div class="test">red</div> 
 
<div class="test">green</div> 
 
<div class="test">blue</div> 
 
<div class="test">pink</div> 
 
<div class="test">yellow</div>

Answer 1

을 (이 키워드를 사용하지 말아) style()과 같이 this은 결합 된 세 번째 및 두 번째 인수와 같습니다.

d3.selectAll(".test").style("background-color", function(d,i,n){ 
 
    return d3.select(n[i]).html(); 
 
})

.test{ 
 
    padding:4px; 
 
    margin:4px; 
 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.9.1/d3.min.js"></script> 
 
<div class="test">red</div> 
 
<div class="test">green</div> 
 
<div class="test">blue</div> 
 
<div class="test">pink</div> 
 
<div class="test">yellow</div>

: 여기에 그 변화와 코드

d3.selectAll(".test").style("background-color", function(d,i,n){ 
    return d3.select(n[i]).html(); 
}) 

:

그래서,이 ...

d3.selectAll(".test").style("background-color", function(){ 
    return d3.select(this).html(); 
}) 

는 ....의 동일