添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

需求描述:页面上可以动态添加数据,比如table,点击按钮可以动态添加行。又或页面

加载时table数据是通过ajax从后台获取的。而这时我们想要获取其中的某个值,又该如何获取呢?

如果是要通过某个事件来获取的比如click,mouseover等等,则可以使用 live ()方法

$(".button").live("click",function(){  
     console.info($("#mytd").html());  
live()的详细说明参考http://blog.csdn.net/itmyhome1990/article/details/17380665 

而如果不是通过某个事件,当页面加载的时候我们就要获取值或进行其他操作

live()方法就不行了,因为我们无法传入一个事件。

比如以下代码:

<table id="tab" border="1" width="30%"> </table> </body> <script type="text/javascript"> $(function() { $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){ console.info(data.table); $("#tab").append(data.table); alert($("#mytd").html()); //获取值 </script>
以上代码很简单,就是通过post从后台返回的值添加到<table>中

后台返回数据为 <tr><td id='mytd'>北京</td><td>深圳</td></tr>而我们要在post之后获取id为mytd的值,

此时是获取不到的,我们从浏览器中就可以观察出问题:

从以上可以看出在alert的时候 数据并还没有加载出来 控制台也并没有打印出信息,所以此时是取不到数据的。

使用ajaxComplete()方法可以在请求完成时运行要执行的代码 ,我们修改为如下:

$(function() {
	$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
		console.info(data.table);
		$("#tab").append(data.table);
	$("#tab").ajaxComplete(function(){  //待请求完成时 执行 
		alert($("#mytd").html());
此时再获取的时候页面已加载完数据。 
                    需求描述:页面上可以动态添加数据,比如table,点击按钮可以动态添加行。又或页面加载时table数据是通过ajax从后台获取的。而这时我们想要获取其中的某个值,又该如何获取呢?如果是要通过某个事件来获取的比如click,mouseover等等,则可以使用live方法$(".button").live("click",function(){       console.info($("#mytd").html());  })
				
链接讲得很好很清楚啊~~数据封装是面向对象编程的一个重要特点,它防止函数直接访问类类型的内部成员。类成员的访问限制是通过在类主体内部对各个区域标记 来指定的。关键字 称为访问修饰符。公有成员在程序中类的外部是可访问的。您可以不使用任何成员函数来设置和获取公有变量的值,实例如下所示: 2、 私有(private)成员 私有成员变量或函数在类的外部是不可访问的,甚至是不可查看的。只有类和友元函数可以访问私有成员。默认情况下,类的所有成员都是私有的。例如在下面的类中,width 是一个私有成员,这意味着,如果
一、错误示例:对于自己用脚本动态生成元素,无法绑定事件。例如:body下的代码:<body> <li><spanclass="class1">11111</span></li> <li><spanclass="class1">22222</sp...
在实际的html页面开发中,很多时候,我们的页面样式不是预先定义的,例如:分页按钮的生成、数据的显示等等,这些数据都是当我们的服务器启动后,客户端浏览器跳到指定页面,然后通过servlet等与数据库进行数据交互,然后动态生成的表格、按钮等等,往往这些生成元素还会附带一些交互功能,例如:在表格中生成的一行数据,最后的按钮具有删除这一行的功能,本小结就是为了解决动态生成元素具有事件效应。 编写html测试 <!DOCTYPE html>
当使用jQuery的apeend动态添加元素后,如果页面没有进行刷新,那么使用JQ选择器将无法获取动态新增的元素动态获取元素的方法 bind(type,[data],fn) 为每个匹配元素的特定事件绑定事件处理函数 live(type,[data],fn) 给所有匹配的元素附加一个事件处理函数,即使这个元素是以后再添加进来的 delegate(selector,[type],[data],fn...
1. DataTable-columnsDefs通过ajax动态生成元素以及值获取页面只有table-th,td以及td的属性都是动态创建,td第一列是动态生成的复选框 var productStorageDynInListTable = loadDataTable({ columnDefs: [{ orderable: false,
如果我么你想通过jQuery获取html中动态生成的dom元素,那可以使用on方法,使用on方法获取的时候要注意,要通过先获取它的父元素获取元素,这样才能生效: // 选择你需要获取数据的元素,并遍历它们 $('.target-element').each(function() { var data = $(this).data('value'); // 获取元素的数据 dataArray.push(data); // 将数据存入数组中 console.log(dataArray); // 打印数组 在上面的代码中,我们使用了 `.target-element` 选择器来获取需要获取数据的元素,使用 `.each()` 方法来遍历这些元素,然后通过 `.data()` 方法获取元素的数据,并将数据存入 `dataArray` 数组中。最后,我们通过 `console.log()` 方法打印数组。