jquery怎么创建节点

Question

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})

Answer 1

$(function () {
        $(".queding").click(function () {
            var name = $(".text").val();
            if (!name.length <= 0) {
                $("ul li:last").before($("ul li:eq(0)").clone(true)).prev().find("h3").text(name);
            } else {
                alert("输入名称！");
            }
        });
    });

Answer 2

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})

请问下 我做了另外一个弹出框 点击class="title1" 弹出个编辑名称的弹窗 怎么做才能使创建的li的点击class="title1"名称也能出现弹窗框  $(".title1").click(function(){
$(".cj_bianji").css('display','block');
})
$(".close1,.quxiao1,.queding1").click(function(){
$(".cj_bianji").css('display','none');
})
$(".queding1").click(function(){     
        $('h3').text($(".text1").val())
        })
<div class="cj_bianji">
  <div class="cj_bianji_head">
   <span class="fl">编辑名称</span><span class="close">×</span>
  </div>
  <span>相册名称</span>
  <input class="text1" type="text" />
  <input class="queding1" type="button" value="确定"/>
  <input class="quxiao1" type="button" value="取消"/>
 </div>

Answer 3

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})

请问下 我做了另外一个弹出框 点击class="title1" 弹出个编辑名称的弹窗 怎么做才能使创建的li的点击class="title1"名称也能出现弹窗框  $(".title1").click(function(){
$(".cj_bianji").css('display','block');
})
$(".close1,.quxiao1,.queding1").click(function(){
$(".cj_bianji").css('display','none');
})
$(".queding1").click(function(){     
        $('h3').text($(".text1").val())
        })
<div class="cj_bianji">
  <div class="cj_bianji_head">
   <span class="fl">编辑名称</span><span class="close">×</span>
  </div>
  <span>相册名称</span>
  <input class="text1" type="text" />
  <input class="queding1" type="button" value="确定"/>
  <input class="quxiao1" type="button" value="取消"/>
 </div>

楼主估计还是没有自己去查查clone方法~
把新加的clone()改成clone(true)就可以了

Answer 4

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})

对jquery还是不熟  请问下
$(".queding1").click(function(){     
        $('h3').text($(".text1").val())
        })
像这样写 把所以的h3的内容都变了 这样才能修改当前点击的这个h3的 用了this也不行啊

Answer 5

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})

对jquery还是不熟  请问下
$(".queding1").click(function(){     
        $('h3').text($(".text1").val())
        })
像这样写 把所以的h3的内容都变了 这样才能修改当前点击的这个h3的 用了this也不行啊
你可以在点击“编辑名称”的时候，先把该“编辑名称”所在的li加上个新类名，然后再弹出div。
这样queding1的click函数就是：先根据你新加的那个类名寻找当前li，然后就可以修改当前li中的h3了，修改完h3后把li的新类名去掉就可以了。

Answer 6

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})
请问下 这样写为什么不能啊

Answer 7

把.queding的click函数改下：$(".queding").click(function(){
$(".cj_tian").css('display','none');
        //加上下面两行，主要是clone方法，楼主可以自己查下jquer的api
var li=$('li').eq(0).clone();
li.insertBefore($('li').eq($('li').length-1)).find('h3').text($('.text').val());
})
请问下 这样写为什么不能啊
bind和on的区别就在于：
用bind绑定时，只对当前文档中存在的节点进行绑定；
而on的绑定则对当前的节点以及后来动态添加的节点都有效。