Wie setze ich Select Element width, um Element über jquery zu überspannen?

Question

<td class="ADDDLFFForm2" colspan="5"> 
    <div> 
     <select style="width: 91px; display: none;"> 
      <span id="" class="selectboxit selectboxit-enabled selectboxit-btn" style="width: 95px;"> 
       <span class="selectboxit-option-icon-container" style="width: 95px;"> 
        <i id=""></i> 
       </span> 
       <span id="" class="selectboxit-text" unselectable="on" data-val="1" aria-live="polite" style="max-width: 79px;"> 
        Deutsch 
       </span> 
       <span id="" class="selectboxit-arrow-container" unselectable="on"> 
        <i id="" class="selectboxit-arrow selectboxit-default-arrow" unselectable="on"></i> 
       </span> 
      </span> 
      <ul class="selectboxit-options selectboxit-list" tabindex="-1" role="listbox" aria-hidden="true" style="min-width: 109px;"> 
       <li data-id="0" data-val="1" data-disabled="false" class="selectboxit-option selectboxit-option-first selectboxit-selected" data-icon="/WikiNotificationMails - Copy/Base/Untitled/Image.ashx?" role="option"> 
        <a class="selectboxit-option-anchor"> 
         <span class="selectboxit-option-icon-container" style="width: 95px;"> 
          <i></i> 
         </span> 

Ich möchte die select Elementbreite gleich span class="selectboxit selectboxit-enabled selectboxit-btn" Breite sein. Wie kann ich das machen?

Answer 1

Versuchen Sie folgendes:

var width = $(".selectboxit-enabled").css("width"); //First get the width of span with class selectboxit-enabled 

$("select").css("width",width); // then set that width to select