<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("li").click(function(){
alert($(this).text());
})
$("#city").clone(true)//设为true,把节点的方法也复制过来
.attr("id","city2")//有先后顺序,id不能出现2个,先复制再更改id
.insertAfter($("#game"));
})
</script>
</head>
<body>
<p>喜欢的城市</p>
<ul id="city">
<li>上海</li>
<li id="bj">北京</li>
<li>深圳</li>
<li>广州</li>
</ul>
<p>喜欢的游戏</p>
<ul id="game">
<li id="rl">游戏1</li>
<li>游戏2</li>
<li>游戏3</li>
<li>游戏4</li>
</ul>
<input type="radio" value="city">城市<input type="radio" value="game">游戏<input type="text"><button type="submit">添加</button>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>实践题 - 选项卡</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("li").click(function(){
alert($(this).text());
})
$("#city").clone(true)//设为true,把节点的方法也复制过来
.attr("id","city2")//有先后顺序,id不能出现2个,先复制再更改id
.insertAfter($("#game"));
})
</script>
</head>
<body>
<p>喜欢的城市</p>
<ul id="city">
<li>上海</li>
<li id="bj">北京</li>
<li>深圳</li>
<li>广州</li>
</ul>
<p>喜欢的游戏</p>
<ul id="game">
<li id="rl">游戏1</li>
<li>游戏2</li>
<li>游戏3</li>
<li>游戏4</li>
</ul>
<input type="radio" value="city">城市<input type="radio" value="game">游戏<input type="text"><button type="submit">添加</button>
</body>
</html>