无法使用jQuery获取输入类

时间:2017-09-14 07:33:38

标签: javascript jquery html class

单击表单中的“重置为默认设置”按钮时,我想清除我的4个采集器中的默认颜色。它们都具有anyicon-form-colorpicker类的输入类型文本字段。我所做的就是找到<a>标记,并使用style功能清除其.css()标记。问题是第三个元素是下面的图像没有被重置,我不知道为什么。这是我的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结构: enter image description here

我确信所有4个元素都需要这个类。

1 个答案:

答案 0 :(得分:0)

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

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