如何在jQuery中包装div？

Posted 2021-04-08

我有一个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">

答案

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

应该这样做。有关详细信息，请参阅此处http://docs.jquery.com/Addclass

另一答案

我找到了答案：

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

另一答案

嗨这里是将整个元素包装成div的解决方案之一。

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