JQuery获取不到动态加载的html元素的解决方案

背景：把勾选的子页面数据在父页面进行展示，并需要对新加载数据进行删除。

原处理方式：

<a class="link-a btn-green" href="javascript:;" οnclick="delResource()" >删除</a>

这种方式取不到动态加载的数据

修改后的处理方式：

<a class="link-a btn-green" href="javascript:;" id="delRes">删除</a>

$(function(){
        setTimeout(function(){
            $("#resourceGrid").css("height","180");
        },160);
        
        $("#delRes").on('click',function(){
            
            delResource();
        });
        
        var getCheck=function(){
            var checkArray = new Array();
            $(".res-chk-pre").each(function(i){
                if($(this).is(":checked")){
                    checkArray.push($(this));
                }
            });
            return checkArray;
        };
        var delResource=function(){  
            var checkArray = getCheck();
            if (checkArray.length == 0) {
                z.promptMessage({content: "请选择要删除的数据", color: "#f79159"});
                return false;
            }
            var guid = "";
            for(var i = 0; i < checkArray.length; i ++) {
                guid += $(checkArray[i]).val() + ",";
            }
            z.confirm("确定要删除选中的数据?", function(){
                $.ajax({    
                    url : 'digit/schedule/deleteDispatchResource',
                    type:"post",
                    data: {
                        'guid':guid
                    },
                    success : function(result) {
                        if(result=="1"){ 
                            z.promptMessage({content:'数据操作成功', color:'#24a557'});
                            loadPageDataPre("resourceGrid");                        
                        }else{
                            z.promptMessage({content:'数据操作失败', color:'#ed4a24'});
                        }
                    }
                });
                 
            });
        
        };
    });

 

扩展：

获取标签中有特定样式的元素

container.find("span.style1").each(function(){
                                $(this).css("display", "none");
                            });