jQuery点击事件拼接传参

七七Cqq

于 2023-03-07 10:36:01 发布

阅读量635

点赞数

分类专栏： js基础功能代码文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/m0_67869050/article/details/129377373

版权

功能代码同时被 2 个专栏收录

17 篇文章 1 订阅

订阅专栏

js基础

4 篇文章 0 订阅

订阅专栏

给每一个渲染出来的结构添加点击事件,并传参

    volunteer: function(id) {
        window.location.href = DOMAIN+"/Cloud/Module/Information/Show/Show.html?id="+id;
    },
    // 志愿风采
    elegantArt: function() {
        $.ajax({
            url: API + '/front/information/getList?currentPage=1&type=-1&informationCategoryId=64016df6772cf17748caf276',
            type: 'GET',
            success: function(data) {
                let html = ''
                $.each(data.data, function (i, item) {
                        html += '<div class="artContent"  οnclick="index.volunteer(`'+ item.id +'`)">\n' +
                            '   <img  src="' + IMGPATH + item.imagePath + '">\n' +
                            '   <p class="art_titlep">' + item.title.replace(/(.{18})(.*)?/g, '$1...') + '</p>\n' +
                            '   </div>\n' +
                            '   </div>'
                })
                $("#artList").html(html)
            }
        })
    }