如何在jQuery中包装一个div？答案

【问题标题】：How to wrap a div in jQuery?如何在jQuery中包装一个div？
【发布时间】：2011-10-08 10:22:24
【问题描述】：

我有一个selectbox：

<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>

现在我想当我添加类small 添加selectbox 时，div "sb-costum" 得到一个额外的小类。所以你得到<div class="sb-custom small">

【问题讨论】：

请改写你的问题，目前还不清楚（至少对我来说:-)。谢谢。
我很难理解这个问题。你可以重写最后一段以使其更有意义吗？或许可以举一个你希望发生的事情的例子。

标签： javascript jquery drop-down-menu styles

【解决方案1】：

您好，这里是将整个元素包装到 div 中的解决方案之一。

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

【讨论】：

【解决方案2】：

我找到了答案：

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

【讨论】：

【解决方案3】：

$(".sb-custom").addClass("small")

应该这样做。更多详情请看这里http://docs.jquery.com/Addclass

【讨论】：

Nope.. 然后所有的选择框都会换行我只希望带有小类的选择框会被换行。
请您在代码前后发布一些内容。即这是我拥有的 HTML，这是我需要的 HTML。这样可以更轻松地为您提供帮助。