jquery的点击LI实现复制LI中的内容，LI是多个，不定条数的，可以给出代码吗？
2个回答
展开全部
第一种：<script type="text/javascript">
$(function(){
var sOld = null;
$("li").each(function(index){
var sOld = $(this).text();
$(this).click(function(){
var sNew = $(this).text();
$(this).text(sNew + sOld);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
第二种：<script type="text/javascript">
$(function(){
$("li").each(function(index){
$(this).click(function(){
var sText = $(this).text();
$(this).text(sText+sText);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
不知道是不是你要的效果。不是的话，具体一点。
$(function(){
var sOld = null;
$("li").each(function(index){
var sOld = $(this).text();
$(this).click(function(){
var sNew = $(this).text();
$(this).text(sNew + sOld);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
第二种：<script type="text/javascript">
$(function(){
$("li").each(function(index){
$(this).click(function(){
var sText = $(this).text();
$(this).text(sText+sText);
});
});
});
</script>
</head>
<body>
<ul>
<li>123</li>
<li>456</li>
<li>789</li>
</ul>
</body>
</html>
不知道是不是你要的效果。不是的话，具体一点。
更多追问追答
追问
123 点击这个LI时复制当前LI的内容，这里的内容是:123，弹出复制成功的提示
456点击这个LI时复制当前LI的内容，这里的内容是:456，弹出复制成功的提示
789点击这个LI时复制当前LI的内容，这里的内容是:789，弹出复制成功的提示
要支持多浏览器
追答
$(function(){
$("li").each(function(index){
$(this).click(function(){
var sText = $(this).text();
$(this).text(sText+sText);
alert("内容是："+sText+"，复制成功！");
});
});
});
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
绑定数据?
.....循环 ,从后代输出,或者是某数据控件{
<ul>
<li onclick="aaa(this)"><%....%></li>
</ul>
}
function aaa(obj){
var content=obj.innerText;
//复制内容的代码
};
.....循环 ,从后代输出,或者是某数据控件{
<ul>
<li onclick="aaa(this)"><%....%></li>
</ul>
}
function aaa(obj){
var content=obj.innerText;
//复制内容的代码
};
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
