Question

我有一段代码，我没有完全控制权，其中包括没有班级或ID的Div。我想删除此Div的开始和结束标记并保留现有内容，但不确定如何定位并删除？

...目前

<li id="foo" class="underline">

<div>
<input id="username" name="username" required="required" class="validate" type="text">
</div>

<label for="username">Username</label>

</li>

我想要的最终结果......

<li id="foo" class="underline">

<div class="mynewdiv">

<input id="bar" name="bar" required="required" class="validate" type="text">
<label for="bar">Username</label>

</div>

</li>

我可以控制添加newDiv。我的问题与how can I remove wrapper (parent) without removing the child有相似之处但我不确定如何正确定位这个未命名的div（最近？）。感谢

Answer 1

您可以在.append()及其内部使用div找到label

$(".underline div").append(function(){
  return $(this).next("label");
}).addClass("mynewdiv");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li id="foo" class="underline">

  <div>
    <input id="username" name="username" required="required" class="validate" type="text">
  </div>

  <label for="username">Username</label>

</li>

目标并删除包含父div标签而不是内容

1 个答案: