Wie man Glyphicons Position mit jquery ändert

Question

Ich habe ein Dropdown und ein Glyphicon Ich möchte Glyphicons Position beim Laden der Seite ändern.

Ich möchte es linken Seite von der aktuellen Position verschieben, wie es auf Dropdown-Pfeil-Symbol überlappt.

Es ist in Ordnung mit Textfeldern.

Ich habe eine jQuery-Funktion erstellt, aber es funktioniert nicht von document.ready, auch wenn es von der Browserkonsole aus funktioniert.

jQuery: -

$('span.form-control-feedback').each(function() {    
      if ($(this).closest('.at-required').is("select")) {     
       //alert($(this).attr('class')); 
       $(this).css('right', '27px'); 
      } 
     }); 

HTML: -

<select required="true" class="form-control at-required" title="Please select Department" id="ddlDepartmentName" name="ctl00ddlDepartmentName"> 
     <option value="- - Select - -">- - Select - -</option> 
     <option value="1">.NET</option> 
     <option value="2">PHP</option> 
     </select> <span class="glyphicon glyphicon-remove form-control-feedback"></span> 

Answer 1

Versuchen $(this).css("padding-right", "27"); mit?

Answer 2

diesen Code Versuchen:

$('.form-control-feedback').css('margin-right', '20px');

Die Position des glyphicon änderte sich mit jQuery