Question

我有：

<input type="text" id="color1" value="<?php echo get_option('color1'); ?>" name="color_picker_color1" /><div class="farbtastic_color_picker"></div>
<input type="text" id="color2" value="<?php echo get_option('color2'); ?>" name="color_picker_color2" /><div class="farbtastic_color_picker"></div>

with：

<script type="text/javascript">
    jQuery('.farbtastic_color_picker').hide();
    jQuery('.farbtastic_color_picker').farbtastic("#color1");
    jQuery("#color1").click(function(){jQuery('.farbtastic_color_picker').slideToggle()});
</script>

我需要在脚本部分更改什么，所以我不必复制代码？现在它只用于＃color1的文本输出。我想在多个＃（color1，color2，color3等）上使用代码。

Answer 1

您可以使用Attribute Starts With Selector：

jQuery('input[name^="color_picker_color"]')

使用Farbtastic与类而不是id

1 个答案: