jquery - 如何在不删除 div 元素的情况下裁剪文本，jquery

Question

<div class="ins"> test test test <div class="temp">123</div></div>

脚本删除类为“temp”的div

$('.ins').text(function(){
return $(this).text().slice(0,5);});   

Answer 1

获取 .temp div 中的值并清除同一 div 元素中的内容。在这里 div 的内容分配给一个变量。

var res = $('.ins .temp').html();
 $('.ins .temp').html("");
$('#t').html(res);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ins"> test test test <div class="temp">123</div></div>
<h2 id="t"></h2>