SVG 변경 다각형 색상은 내가 지구를 색상 변경을 클릭하고 그 상태를 유지하면 내가 다시</p> <p>이 그것을 클릭 할 때까지하는 것이 필요

Question

나는 내 웹 페이지에서 프랑스의 SVG지도가 모든 지구 다각형의 onclick 내 코드

function init(evt) { 
    if (window.svgDocument == null) { 
     svgDoc = evt.target.ownerDocument; 
    } 

function update(district){ 
    $(this).find("path, polygon, circle").attr("fill", "#0d0");<- what is wrong 
    } 

이 내 다각형

<path id="14" d="M82.387,173.009L109.168,141h2.42l3.33-5.965l20.425,8.818l5.296,0.475l- 
1.876,31.861l5.236,7.5v8.018 l-15.6-1.701l 
0.273-3.599C128.127,186.407,99.635,180.95,82.387,173.009z" fill="#CCCCCC" 
onclick="update('14')"> 

당신이 임 문제가 내가 다각형 색상을 변경할 수 질수있는 온 클릭 이벤트를 받고 볼 수

중 하나입니다.

미리 감사드립니다.

Answer 1

1. 이 내용을 확인하십시오. console.log (this)는 인생을 훨씬 더 쉽게 만들어 줄 것입니다.
2. 저는 대답 할 것입니다. 이것은 함수가 호출 될 때 윈도우 객체를 가리킬 것입니다. 따라서 $ (this) .attr을 수행하면 윈도우 객체의 속성을 찾고 예상 한 객체의 속성을 찾지 않습니다.

3. 함수에서 객체 ID를 전달 중이므로이를 사용하여 문서에서 요소를 찾을 수 있습니다.

   $('#'+ubicacion).attr("fill","blue") 
   

바이올린 here : 당신은 뭔가를 할 수 있습니다.