<div id="youhuaDivTmp" class="none" >
    <div id="mydiv">
        <table name="youhuaDivTb">
            <tr>
                <td>
                    <input type="text" id="txtNewValue" /></td>
            </tr>
            <tr>
                <td>
                    <input type="button" name="btnUpdate" value="确认更新" />
   <input type="button" name="myclose" id="myclose" value="关闭DIV" />
  <input name="gfind1" id="gfind1" type="button" class="button7" value="开始查询" > 
    <button name="myte" id="myte">测试中</button></td>
                
            </tr>
        </table>
        </div>
        <div id="mydiv2">789</div>
    </div>上面<div id="youhuaDivTmp 这个层是隐藏的,在用JQUERY显示出来后,如果修改<div id="mydiv2"> 这个层的内容,直接用$("#mydiv2").html("dddd"); 没办法修改,有哪位朋友知道麻烦教一下,谢谢jQueryHTML

解决方案 »

  1.   


    昨天我给你写的demo 你不是说可以了么?
      

  2.   

    就是昨天您给我的那个DEMO,我现在想修改里面的MYDIV2的内容,没法修改,头大,麻烦帮我看一下,我完整代码再贴出来一下,
    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>系统在线注册</title>
       
        
        <script src="Scripts/jquery-1.8.2.min.js"></script>
    <style type="text/css">
    <!--body { font: normal 14px "宋体" }a { text-decoration: none; }#showtext { cursor: hand; cursor:pointer;}
    #showtext2 { cursor: hand; cursor:pointer;}
    #mydiv { margin-top: 8px; width:100%; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
    #contentid2 { margin-top: 10px; width: 470px; border: 1px solid #CCC; background: #F1F1F1; padding: 15px; }
    .none { display: none; }
    -->
    </style>
        
    </head>
    <body>    <div id="youhuaDivTmp" class="none" >
        <div id="mydiv">
            <table name="youhuaDivTb">
                <tr>
                    <td>
                        <input type="text" id="txtNewValue" /></td>
                </tr>
                <tr>
                    <td>
                        <input type="button" name="btnUpdate" value="确认更新" />
       <input type="button" name="myclose" id="myclose" value="关闭DIV" />
      <input name="gfind1" id="gfind1" type="button" class="button7" value="开始查询" > 
        <button name="myte" id="myte">测试中</button></td>
                    
                </tr>
            </table>
            </div>
            <div id="mydiv2">789</div>
        </div>
        <table id="testTable">
            <tr>
                <td>aaaa</td>
                <td>
                    <button class="btn btnGreen_c">立即优化</button></td>
                 <td>
                     <button class="mytest">测试中</button></td>
                </td>     
            </tr>
            <tr>
                <td>bbbb</td>
                <td>
                    <button class="btn btnGreen_c">立即优化</button></td>
                <td>
                     <button class="mytest" >测试中</button></td>
                </td>      
            </tr>
            <tr>
                <td>cccc</td>
                <td>
                    <button class="btn btnGreen_c">立即优化</button></td>
                    
                    <td>
                     <button class="mytest">测试中</button></td>
                </td>
            </tr>
        </table>
        <script>
            $(function () {
    var ret="";
    $(".mytest").click(function() {
    // 验证代码
    alert("未隐的DIV中可以使用本方法");




    });
     $("button[name='myte']").live("click", function () {
    alert("在隐藏的DIV层中只能使用本方法");  
     
     })
     
     $("input[name='gfind1']").live("click", function () {
    alert("为什么只能用这一句才行");  
     
     })

     $("input[name='myclose']").live("click", function () {
    alert("请输入正确的数字,不要乱输噢");  
     $("#testTable").find("table[name='youhuaDivTb']").parents("tr").remove();  
     });
                $(".btnGreen_c").click(function () {
                    $("#testTable").find("table[name='youhuaDivTb']").parents("tr").remove();
                    var template = $("#youhuaDivTmp").html();
                    $("<tr><td>" + template + "</td></tr>").insertAfter($(this).parents("tr"));
                });

                $("input[name='btnUpdate']").live("click", function () {
                    var newValue = $(this).parents("tr").prev("tr").find("td input").val();                var index = $("#testTable").find("table[name='youhuaDivTb']").parents("tr").index();
                    $("#testTable tr:eq(" + parseInt(index - 1) + ")").find("td:nth-child(1)").text(newValue);
    ////////////////////////////////////////////////////////以下的AJAX 为什么不执行呢
     alert("in");
     var dataString = "num=100&fresh="+Math.random();
     
      $('#mydiv2').html('dddd'); //就是这一行,想修改没办法修改成功$.ajax({
    type: "POST",
    cache:false,
    url: "http://www.baidu.com",
    dataType: 'text',
    timeout: 0, 
    data: dataString,
    error: function (XMLHttpRequest, textStatus, errorThrown) {
    alert("1"+XMLHttpRequest.status);  
                           alert("2"+XMLHttpRequest.readyState);  
                           alert("3"+textStatus);  
                    alert('读取超时,请检查网络连接');                          },
    success: function(data) {
    //$('#findlist').html(data);
     ret="do ok";
    alert("go out");
    }
    })
    ///////////////////////////////////////////////////
                });
            })
        </script>
    </body>
    </html> $('#mydiv2').html('dddd'); //就是这一行,想修改没办法修改成功
      

  3.   

       $('#mydiv2').html('dddd'); //就是这一行,想修改没办法修改成功  ??怎么不可以修改成功啊,你想修改成哪个值?
      

  4.   

    我现在不明白的是你 要修改哪个值到mydiv2里面去?  你的要求不是点击当前行的下面弹出那个div 内容进行修改吗? 然后点击确认把div里面的内容更新到当前行的td里面去? 不是这样吗?
      

  5.   

    搞定了,那个DIV用来提示信息的, $("#testTable").find("div[name='mydiv2']").html("dddd588454949");  用这一行可以修改,套用你上面修改INPUT的方法,估计就是隐藏的东东JQUERY在初始化时没有加载所以就找不到那个吧 $('#mydiv2').html('dddd'); 用这个不行,用$("#testTable").find("div[name='mydiv2']").html("dddd588454949"); 这个可以,不知大哥能加我关注一下吗,这样有些问题可能单独发私信请教您一下,或您的QQ是哪个方便发到我邮箱我加您为好码一上吗我邮箱:
    [email protected]
      

  6.   

    不知道你是啥需求,估计你是想要这样的效果,把那句 改成这样            $("#testTable tr:eq(" + parseInt(index) + ")").find("div:last").text(newValue);
      

  7.   


    不是这个原因,你没仔细看html结构, 你直接写 $('#mydiv2').html('dddd'); 这个ID是修改的那个 用firebug就可以看到 你写的是这个id =mydiv2 是这个模板里面的ID值的变化,而不是追加到你行下面的这个div 不知道你是否理解了 也就是说$('#mydiv2').html('dddd'); 这个赋值是肯定成功赋值了,不过是赋给了 <div id="youhuaDivTmp" class="none" > 这个div 下面的 id=mydiv2 的值, 而不是当前tr 下面弹出来的那个id=mydiv2的值 。
    这里有几个细节 ,建议动态添加的时候 如果一定要写ID的话,为了规范好操作把ID值弄成不一样的,比如 后面的叫mydiv3,mydiv4之类的累加