2017-09-14 71 views
0

當在窗體中單擊「重置爲默認設置」按鈕時,我想清除我的4個顏色選擇器中的默認顏色。他們都有anyicon-form-colorpicker類的輸入類型文本字段。我所要做的就是找到<a>標籤,並用.css()函數清除他的style標籤。問題是,第三個元素是下面的圖像沒有被重置,我不知道爲什麼。這裏是我的jQuery:無法使用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

我敢肯定,101%所有的4個元素具有類所需要。

+0

可能不相關,但css類名不允許包含下劃線。 –

+0

所以,你是說'輸入'變量是空的?沒有太多的HTML信息,不能給出太多的想法。這個「anyicon-live-style-form」在哪裏? – Se0ng11

+0

輸入變量是具有所有輸入字段數據的變量,並且不是空的。 anyicon-live-style-form是 – Rumen

回答

0

我不確定你從哪裏得到#anyicon-live-style-form,但是我無法在你發佈的DOM結構中看到它。您是否嘗試過

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

它不起作用 – Rumen

+0

控制檯中是否有任何輸出? – KBJ

+0

嗯,不知道這裏發生了什麼 – Rumen

相關問題