Question

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

脚本使用类＆＃34; temp＆＃34;

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

Answer 2

不要删除，只需隐藏div。

$(function(){
  $(".ins .temp").hide();
})

Answer 3

您可以通过div中的span轻松实现此目的：

$('.ins > span').text($('.ins > span').text().slice(0,5))

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

Answer 4

更改@ void的代码，您可以使用

$(function(){
  $(".ins .temp").html("");
})

从临时类中删除文本并将div留空

Answer 5

请尝试使用这段代码，同时请注意，此代码仅适用于您给定的DOM结构：

$('.ins').html(function(){
    return $(this).text().slice(0,5) + '<div class="temp">'+ $(this).find('.temp').text() +'</div>';
});

如何裁剪文本而不删除div元素，jquery

5 个答案: