jQuery中把链接去掉并且保留其中的文字 ele.contents().unwrap();

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>aa</title>
</head>
<body>
<div class="abc">
你好，我是测试内容<a href="#" class="abc" style="color:red;" target="_blank">hello world</a>你好，我也是测试内容你好，我是测试内容<a href="#" class="abc" style="color:red;" target="_blank">hello world2</a>你好，我也是测试内容你好，我是测试内容<a href="#" class="abc" style="color:red;" target="_blank">hello world3</a>你好，我也是测试内容
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$('.abc').find('a').contents().unwrap();
</script>
</body>
</html>