Css更改以删除div元素包装选择

Question

这里面包含一些代码

table and then form, fieldset, label

现在我想使用我正在使用的jquery的代码来解包select标签。

我真的不想在我的小提琴代码中引用我正在做的br标签，是否还有其他方法可以做同样的事情

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#Container2').find('table form fieldset label').find('br').find('select').unwrap();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="Container2">
  <table>
    <form>
      <fieldset>
        <div>
          <label>YEARS</label>
          <br>
          <div>
            <select name="q1" id="q1">
              <option value="0">- All -</option>
              <option value="5">5 yr.</option>
              <option value="6">6 yr.</option>
              <option value="7">7 yr.</option>
              <option value="8">8 yr.</option>
              <option value="10">10 yr.</option>
              <option value="11">11 yr.</option>
            </select>
            to
            <select name="q2" id="q2">
              <option value="0">- All -</option>
              <option value="5">5 yr.</option>
              <option value="6">6 yr.</option>
              <option value="7">7 yr.</option>
              <option value="8">8 yr.</option>
              <option value="10">10 yr.</option>
              <option value="11">11 yr.</option>
            </select>
          </div>
        </div>
      </fieldset>
    </form>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;

更新＃1 - 如果未包装选择，则删除div（以下情况）

<div id="tableContainer2"><table><form><fieldset><div><label>YEARS</label><br><select class="form_body" name="q1" id="q1">
<option value="0">- All -</option>
<option value="5">5 yr.</option>
<option value="6">6 yr.</option>
<option value="7">7 yr.</option>
<option value="8">8 yr.</option>
<option value="10">10 yr.</option>
<option value="11">11 yr.</option>
</select>
 to 
<select name="q2" id="q2">
<option value="0">- All -</option>
<option value="5">5 yr.</option>
<option value="6">6 yr.</option>
<option value="7">7 yr.</option>
<option value="8">8 yr.</option>
<option value="10">10 yr.</option>
<option value="11">11 yr.</option>
</select>
    </div></fieldset></form></table>
    </div>

Answer 1

如果（因为我认为你正在询问），你只想将select标签从其父div中拉出来，你就会想要：

＆＃13;

＆＃13;

$(document).ready(function() {

  // find a div within a fieldset within #Container2, and *direct* descendant
  // selects within that div
  //
  $('#Container2 fieldset div > select').unwrap();

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<div id="Container2">
  <table>
    <form>
      <fieldset>
        <div>
          <label>YEARS</label>
          <br>
          <div>
            <select name="q1" id="q1">
              <option value="0">- All -</option>
              <option value="5">5 yr.</option>
              <option value="6">6 yr.</option>
              <option value="7">7 yr.</option>
              <option value="8">8 yr.</option>
              <option value="10">10 yr.</option>
              <option value="11">11 yr.</option>
            </select>
            to
            <select name="q2" id="q2">
              <option value="0">- All -</option>
              <option value="5">5 yr.</option>
              <option value="6">6 yr.</option>
              <option value="7">7 yr.</option>
              <option value="8">8 yr.</option>
              <option value="10">10 yr.</option>
              <option value="11">11 yr.</option>
            </select>
          </div>
        </div>
      </fieldset>
    </form>
  </table>
</div>

＆＃13;

＆＃13;

＆＃13;