gpt4 book ai didi

jQuery获取不到动态添加的dom元素节点

转载 作者:知者 更新时间:2024-03-12 23:22:29 26 4
gpt4 key购买 nike

遇到问题:

当我获取 $(".userNames")页面元素后去制作显示隐藏的时候,发现隐藏不了元素,怎么都获取不到。

我这里#top内的所有元素都是动态渲染的;

问题起因:

因为页面已经将JS加载完毕,此时新增请求动态添加节点,自然获取不到。

解决方案:

在网上查阅资料后发现动态添加的标签要事件委托才能获取到节点,也就是说要用:

$(selector).on(events,[selector],[data],fn)

注意:
1..userNames 为动态添加节点的父级节点,请使用非动态添加的父级节点,不然同样获取不到。
<div id = "top"></div>中动态添加点击节点:

$('#top').on('mouseenter', '.hii',function() {
        $(".userNames").show()
    })
    $('#top').on('mouseleave ', '.userNames',function () {
        $('.userNames').hide()
    })
  1. 请委托给直接上级非动态添加节点,不要扩大范围

请不要写为:

$(div).on('click', '.c', function () {
alert(123);
});

或者

$('.c').on('click', function () {
alert(123);
});

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com