Question

I have a selectbox:

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

With a plugin I style the select boxes and then the HTML become:

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

Now I want when I add the class small add the selectbox that the div "sb-costum" get a the class small extra. So you get <div class="sb-custom small">

Answer 1

I have found my answer:

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