jquery：点击一个选项之后，总是排在第一个，然后剩下的选项以前排序保持不变。的代码怎么写 10
2个回答
展开全部
<script>
$(function(){
$("#butn").on("click","input",function(){
$(this).prependTo($("#butn"));
})
})
</script>
<body>
<div id="butn">
<input type="button" value="全部"/>
<input type="button" value="7`9岁"/>
<input type="button" value="10`14岁"/>
<input type="button" value="绘本类"/>
<input type="button" value="幼儿启蒙"/>
<input type="button" value="科普百科"/>
<input type="button" value="卡通动漫"/>
<input type="button" value="儿童文学"/>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
.aa input{margin-right:10px;}
</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<div class="aa" id="butn">
<input type="button" value="全部" onclick="aa(this)"/>
<input type="button" value="7`9岁" onclick="aa(this)"/>
<input type="button" value="10`14岁" onclick="aa(this)"/>
<input type="button" value="绘本类" onclick="aa(this)"/>
<input type="button" value="幼儿启蒙" onclick="aa(this)"/>
<input type="button" value="科普百科" onclick="aa(this)"/>
<input type="button" value="卡通动漫" onclick="aa(this)"/>
<input type="button" value="儿童文学" onclick="aa(this)"/>
</div>
<script type="text/javascript">
function aa(obj){
var input = $(obj).prop("outerHTML");
console.log(input);
$(obj).remove();
$(input).prependTo('#butn');
}
</script>
</body>
</html>
<head>
<style>
.aa input{margin-right:10px;}
</style>
<script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
<div class="aa" id="butn">
<input type="button" value="全部" onclick="aa(this)"/>
<input type="button" value="7`9岁" onclick="aa(this)"/>
<input type="button" value="10`14岁" onclick="aa(this)"/>
<input type="button" value="绘本类" onclick="aa(this)"/>
<input type="button" value="幼儿启蒙" onclick="aa(this)"/>
<input type="button" value="科普百科" onclick="aa(this)"/>
<input type="button" value="卡通动漫" onclick="aa(this)"/>
<input type="button" value="儿童文学" onclick="aa(this)"/>
</div>
<script type="text/javascript">
function aa(obj){
var input = $(obj).prop("outerHTML");
console.log(input);
$(obj).remove();
$(input).prependTo('#butn');
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
