2011-07-19 116 views
0

嗨StackOverflow的用戶,jQuery的包裹一個div

我有一個選擇框:

<select> 
    <option value="opt1">Optie nummer 1</option> 
    <option value="opt2">Optie nummer 2</option> 
    <option value="opt3">Optie nummer 3</option>           
</select> 

有了一個插件我樣式的選擇框,然後將HTML變成:

<div class="sb-custom"> 
    <select tabindex="-1"> 
     <option value="opt1">Optie nummer 1</option> 
     <option value="opt2">Optie nummer 2</option> 
     <option value="opt3">Optie nummer 3</option> 
    </select> 

    <input type="text" class="sb-select" readonly="readonly"> 

    <ul class="sb-dropdown"> 
     <li class="selected"><a href=".">Optie nummer 1</a></li> 
     <li><a href=".">Optie nummer 2</a></li> 
     <li><a href=".">Optie nummer 3</a></li> 
    </ul> 
</div> 

現在我想要當我添加類「小」添加選擇框的div「sb-costum」得到一個小額外的類。所以你得到<div class="sb-custom small">

+1

請重新表述您的問題,目前還不清楚(至少對我來說:-)。謝謝。 –

+0

我很難理解這個問題。你能否重寫最後一段,使其更有意義?也許舉一個你想要發生什麼的例子。 –

回答

0

我發現我的答案:

$('.bottom table.form tr td select.small').parent(".sb-custom").addClass("small"); 
2
$(".sb-custom").addClass("small") 

這應該做到這一點。在這裏看到更多的細節http://docs.jquery.com/Addclass

+0

不能..然後所有的選擇框將包裹我只希望與小類的選擇框將被包裝。 – Maanstraat

+0

請你可以在代碼之前和之後發佈一些信息。即這是我得到的HTML,這是我需要的HTML。這會讓你更容易幫助你。 –

0

嗨這裏是一個解決方案包裹和整個元素成div。

$(document).ready(function(){ 
     $('h3').each(function(){ 
      $(this).add($(this).next()).wrapAll('<div class="box"></div>'); 
     }) 
     }) 

感謝, http://www.pakistanpassion.com