<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
<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
昨天我给你写的demo 你不是说可以了么?
<!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'); //就是这一行,想修改没办法修改成功
[email protected]
不是这个原因,你没仔细看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之类的累加