jQuery를 사용하여 입력 클래스를 가져올 수 없습니다

Question

내 양식에서 "기본 설정으로 재설정"버튼을 클릭하면 4 가지 색상 피커의 기본 색상을 지우고 싶습니다. 그들은 모두 anyicon-form-colorpicker 클래스의 입력 유형 텍스트 필드를 가지고 있습니다. 내가 할 일은 <a> 태그를 찾아서 .css() 태그가있는 style 태그를 지우는 것입니다. 문제는 아래 이미지가 세 번째 요소가 재설정되지 않고 이유를 모르겠다는 것입니다.

$(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 구조 : 여기 내 jQuery를이다

나는 네 모든 요소는 클래스 필요가 있음을 101 % 확신한다.

Answer 1

#anyicon-live-style-form의 출처를 모르지만 게시 한 DOM 구조에서 볼 수 없습니다. 시도해 보셨습니까

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