Javascript / jquery：删除类的父级并保留它的孩子

Question

我想使用javascript / jquery删除具有特定类名的子级的父级。它是我想要删除的跨度包装器。我只知道要使用的孩子的班级（或id）。

我该怎么做？

所以这个：

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

需要这样：

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

Answer 1

令人惊讶的是，jQuery有一种方法可以完全：unwrap

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

实例：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;