jQuery的顏色拾取幫助

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> 

繼承人我的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); 
     } 
    });