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>

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