<span>1</span><span>2</span><span>3</span><span>4</span> 点击任意一个删除后面的span
<span>1</span><span>2</span><span>3</span><span>4</span>点击任意一个删除后面的span标签...
<span>1</span><span>2</span><span>3</span><span>4</span>
点击任意一个删除后面的span标签 展开
点击任意一个删除后面的span标签 展开
2个回答
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-3.2.0.min.js"></script>
<style>
span{
display: block;
width: 100px;
height: 20px;
line-height: 20px;
background: #ffda44;
margin-bottom: 2px;
}
</style>
</head>
<body>
<p>点击任意一个删除最后面的span</p>
<div class="div1">
<span>1</span><span>2</span><span>3</span><span>4</span>
</div>
<p>点击任意一个删除其后面的span</p>
<div class="div2">
<span>1</span><span>2</span><span>3</span><span>4</span>
</div>
<script>
$(function(){
$(".div1 span").click(function(event) {
//获取span的数量
var len = $(".div1 span").length;
//删除最后一个
$(".div1 span").eq(len-1).remove();
});
$(".div2 span").click(function(event) {
//获取当前span的索引
var len = $(this).index();
//删除其后面的span
$(".div2 span").eq(len+1).remove();
});
})
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
标签套标签哎 例如要单独设置“胆小如鼠” 就得这样利用span 简单来说就是区分
#1{****属性}
#2{*****属性}
<p class="first">三年级时，<span id=“1”>我还是一个<span id="2">胆小如鼠</span>的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
#1{****属性}
#2{*****属性}
<p class="first">三年级时，<span id=“1”>我还是一个<span id="2">胆小如鼠</span>的小女孩</span>，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
