jq循环添加html绑定动态数据及事件

最新推荐文章于 2024-05-27 18:25:42 发布

飞半天的鱼儿

最新推荐文章于 2024-05-27 18:25:42 发布

阅读量2.5k

点赞数

分类专栏：总结知识点

本文链接：https://blog.csdn.net/qq_33003391/article/details/103927603

版权

本文介绍如何利用jQuery在循环中创建HTML元素，并结合数据动态绑定事件。通过示例展示如何将数据与DOM元素关联，实现动态内容更新和交互功能。

摘要由CSDN通过智能技术生成

$(function () {
    let user =[
        {
            userId: '1',
            title: '张三',
            head: 'z'
        },
        {
            userId: '2',
            title: '张飞',
            head: 'z'
        }
        ,{
            userId: '3',
            title: '张飞1',
            head: 'z'
        }]
    let html=''
    for (let i = 0; i < user.length; i++) {
        html+= '<label class="weui-cell weui-check__label userclic" for="' + user[i].userId + '" onclick = "changeState()"  >'+
                    '<div class="weui-cell__bd">'+
                        '<p>' +user[i].title +'</p >'+
                    '</div>'+
                    '<div class="weui-cell__ft">&#