我是靠谱客的博主 老迟到白猫,最近开发中收集的这篇文章主要介绍JQuery如何判断动态生成的ul下的li并点击执行事件,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

JQuery如何判断动态生成的ul下的li并点击执行事件

背景: 现在大部分元素是根据后台数据动态生成的,在动态生成的ul列表下如何利用jquery判断点击了哪个li,并执行相应事件呢?在这里插入图片描述这里我的li标签都是动态生成的,在绑定了class属性之后,可以利用jquery获取当前点击的标签,

解决方式:

homeworkShow: function() {
        $(".zuoye-show").click(function () {
            layer.open({
                title: '作业详情',
                type: 1,
                skin: 'layui-layer-demo', //样式类名
                closeBtn: 1, //不显示关闭按钮
                anim: 2,
                shadeClose: true, //开启遮罩关闭
                content: $(this).text(),
                area: ['500px', '300px']
            });
        });
    }

layer是我用的一个弹框的js组件,其中的content属性就可以利用$(this).text()获取到点击的li标签的值,其他也类似就可以。

最后

以上就是老迟到白猫为你收集整理的JQuery如何判断动态生成的ul下的li并点击执行事件的全部内容,希望文章能够帮你解决JQuery如何判断动态生成的ul下的li并点击执行事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(70)

评论列表共有 0 条评论

立即
投稿
返回
顶部