无法使用 jQuery 获取输入类

Question

单击表单中的“重置为默认设置”按钮时，我想清除 4 个颜色选择器中的默认颜色。它们都有anyicon-form-colorpicker 类的输入类型文本字段。我所做的就是找到<a> 标签并使用.css() 函数清除他的style 标签。问题是下图的第三个元素没有被重置，我不知道为什么。这是我的 jQuery：

 $(document).on( 'click', '.anyicon-reset-button', function() {
     var inputs = $('#anyicon-live-style-form .anyicon-form-field');
     $.each(inputs, function(i, input){
         var split = $(input).attr('name').split('_')[1];
         $(input).val(default_values[split]);
         if ($(input).hasClass('anyicon-form-colorpicker')) {
             $(input).parent('.wp-picker-input-wrap').siblings('.wp-color-result').css('background-color', default_values[split]);
         }
     });
 });

还有 DOM 结构：

我 101% 确定所有 4 个元素都有所需的类。

Answer 1

我不确定你从哪里得到#anyicon-live-style-form，但我在你发布的 DOM 结构中看不到它。你试过了吗

$(document).on( 'click', '.anyicon-reset-button', function() {
   var inputs = $('#anyicon_anycolor .anyicon-form-field');
   ...
 });