Javascript/jquery : Remove parent of class and keep it's child

Question

我想使用 javascript/jquery 删除具有特定类名的子项的父项。这是一个我想删除的跨度包装器。我只知道要处理的 child 的类(class)(或 ID)。

我该怎么做？

所以这样:

<span>
  <input class="removespan" type="text">
</span>

需要是这样的:

<input class="removespan" type="text">

Answer 1

令人惊奇的是，jQuery 有一个完全的方法:unwrap

$(".removespan").unwrap();

实例:

setTimeout(function() {
  $(".removespan").unwrap();
}, 1000);

span {
  border: 1px solid green;
  padding: 4px;
}

<div style="margin-bottom: 8px">
The span has a green border. The span is removed after a second:
</div>
<div>
<span>
  <input class="removespan" type="text">
</span>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>