如何在Jquery中更改动态生成的元素的HTML内容

前端之家收集整理的这篇文章主要介绍了如何在Jquery中更改动态生成的元素的HTML内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我很久以前就了解到,对于动态添加内容,必须使用$(document).on(‘click’,'[ID]’,function(){})来附加侦听器和事件(如click和focus); …等等

但是,我要做的是更改已动态添加的特定元素的HTML值.

例如,我使用此代码添加元素:

$('.friend_chooser_pop').html("<div id='#friend_chooser_list'></div>");

现在我如何访问#friend_chooser_list并设置其HTML值?这些都不起作用:

$('#friend_chooser_list').html('something');
document.getElementById('friend_chooser_list').innerHTML = 'something';

解决方法

这应该有用,你的问题是你在你的id中加了一个#,这里不需要.

这会奏效.

$('.friend_chooser_pop').html("<div id='friend_chooser_list'></div>");
$('#friend_chooser_list').html('something');

如果您打算在ID中包含#并且您希望它工作,您可以像这样使用它:

$("#\\#friend_chooser_list").html('something');

它正在逃避#并允许jQuery无论如何都能获得正确的元素.我不推荐这个,它可以很快混淆.

原文链接:https://www.f2er.com/jquery/241513.html

猜你在找的jQuery相关文章