JQuery와 ColorPicker의 도움

Question

내 HTML :

<p class="colorp"> 
<label for="color1">color1</label> 
<input name="color1" id="color1" type="text" size="10" value="ff0000" /> 
<img src="images/icon-color.png" /> 
</p> 

<p class="colorp"> 
<label for="color2">color2</label> 
<input name="color2" id="color2" type="text" size="10" value="ff0000" /> 
<img src="images/icon-color.png" /> 
</p> 

을 heres 내 JQuery와 :

$('.colorp img').ColorPicker({ 
     onBeforeShow: function() { 
      $('.colorp img').ColorPickerSetColor($('.colorp input').val()); 
     }, 
     onChange: function (hsb, hex, rgb) { 
      $('.colorp input').css('border-color', '#'+hex); 
      $('.colorp input').val('#'+hex); 
     } 
    }); 

모두 내가이하고 싶은 그래서 나는 내가 원하는 이들 색상 필드의 많은을 추가 할 수있는 작품이다. 즉, color3, color4, color5 ... 같은 쿼리 코드를 사용합니다.

그러나이 코드를 사용하면 모든 필드가 변경됩니다. 어쩌면이 같은

Answer 1

뭔가 :

    $('.colorp img').ColorPicker({ 
     onBeforeShow: function() { 
      $(this).ColorPickerSetColor($(this).parent().find("input").val()); 
     }, 
     onChange: function (hsb, hex, rgb) { 
      $(this).parent().find("input").css('border-color', '#'+hex).val('#'+hex); 
     } 
    });