zoukankan      html  css  js  c++  java
  • jQuery获取动态生成的元素

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

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

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

    1
    2
    3
    $(".button").live("click",function(){ 
         console.info($("#mytd").html()); 
    })

    live()的详细说明参考http://blog.csdn.net/itmyhome1990/article/details/17380665

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

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

    比如以下代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
        <table id="tab" border="1" width="30%">
             
        </table>
     
    <script type="text/javascript">
        $(function() {
             $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
               console.info(data.table);
               $("#tab").append(data.table);
             })
             
             alert($("#mytd").html());  //获取值  
        });
    </script>

    以上代码很简单,就是通过post从后台返回的值添加到中

    后台返回数据为

    而我们要在post之后获取id为mytd的值,

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

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

     

    使用ajaxComplete()方法可以在请求完成时运行要执行的代码,我们修改为如下:<喎�"/kf/ware/vc/" target="_blank" class="keylink">vcD48cD48L3A+PHByZSBjbGFzcz0="java;">$(function() { $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){ console.info(data.table); $("#tab").append(data.table); }) $(document).ajaxComplete(function(){ //待请求完成时 执行 alert($("#mytd").html()); }) });
    此时再获取的时候页面已加载完数据。

  • 相关阅读:
    iphone 低版本渲染不出来内容的一种解决办法
    win10 安装flutter记录
    ElasticSearch操作实例大全---文档结构操作(2)
    .net 实现word、excel、ppt、pdf预览功能
    layer插件弹出显示圆角
    ElasticSearch操作实例大全---文档结构操作(1)
    uploadify实战操作(一)
    mcDropdown使用方法
    用datatable 读写xml 及追加数据到xml
    百度分享
  • 原文地址:https://www.cnblogs.com/annie211/p/6709549.html
Copyright © 2011-2022 走看看