<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <script type="text/javascript" src="jquery-1.3.1.js"></script>
</head><script type="text/javascript">
  $(function(){ 
    
 $("#Button1").click(function(){
    $("#ad").append("<div class='bb'><label class='aa'>A</label><input class='b' type='text' /><br /></div>");
    var $ss=$("#ad").children().length+64;
    $("#ad .bb:last .aa").text(String.fromCharCode($ss));
 });
 $("#Button2").click(function(){
    $("#ad .bb:last").remove();
 });
 
  $(".bb .b").blur(function(){
        var $ee = $(".bb .b");
        for(var i=0;i< $ee.length;i++){
                if(i==0){$("#cc").text("");};
                var $c1=$("#cc").text();
                var $c2=$ee[i].val();
                $("#cc").text($c1+"|"+$c2);
             };
  });
  }); 
  
</script>
<body>
    <div id="ad">
        <div class="bb"><label class="aa">A</label><input class="b" type="text" /><br /></div>
        <div class="bb"><label class="aa">B</label><input class="b" type="text" /><br /></div>
        <div class="bb"><label class="aa">C</label><input class="b" type="text" /><br /></div>
        <div class="bb"><label class="aa">D</label><input class="b" type="text" /><br /></div>
    </div>
    <input id="Button1" type="button" value="+" />
    <input id="Button2" type="button" value="-" />
    <label id="cc"></label>
    
</body>
</html>我想让鼠标离开任意一个text框时, 底下的label控件能显示出上面所有text框加起来的内容
问题出在循环代码里面了, 好像是var $c2=$ee[i].val();这句, 请问我的循环应该怎么写啊?

解决方案 »

  1.   

      $(function(){ 
        
         $("#Button1").click(function(){
            $("#ad").append("<div class='bb'><label class='aa'>A</label><input class='b' type='text' /><br /></div>");
            var $ss=$("#ad").children().length+64;
            $("#ad .bb:last .aa").text(String.fromCharCode($ss));
         });
         $("#Button2").click(function(){
            $("#ad .bb:last").remove();
         });
         
          $(".bb .b").blur(function(){
                var $ee = $(".bb .b");
                var array = [];
                for(var i=0;i< $ee.length;i++){
       //             if(i==0){$("#cc").text("");};
           //         var $c1=$("#cc").text();
            //        var $c2=$ee[i].val();
                     array.push($ee[i].value);
                      $("#cc").text(array.join("|"))
                 };
          });
      });