Javascript 在.append之后更改属性

我使用js构建一个映射，在这个库中，所有html代码都是从javascript代码创建的，我使用jquery中的.append函数将自己的一些元素放在map div中。我必须在创建图标后更改其标题我正在使用php从数据库中检索标题，这就是为什么更改标题的函数在主html中，但它没有更改。。。我做错了什么

<div id="map"></div>

<script>
$("#blablabla").prop("title", "user2");
</script>

js

我在

上举了一个问题的例子，尝试以下方法：

$("#map").append('<i id="blablabla" class="fa fa-user fa-3x" title="username"></i>')
         .find('#blablabla').prop("title", "user2");

或

---

您应该使用attr函数来更改标记的标题

$("#map").append('<i id="blablabla" class="fa fa-user fa-3x" title="username"></i>');
$('#blablabla').attr("title", "user2");

我找到了答案！ 这段代码对我有用

---

问题代码有什么问题？图标的标题必须是user2，但它不会更改。标题已更改。您是否试图在元素附加到文档之前更改属性？正如我在问题中所说的，这部分javascript必须在主html中，因为我正在使用PHP从数据库中检索一些信息，所以在我的原始代码中是$userIcon.prop'title'，；是$userIcon.prop'title'，；在将userIcon追加到文档之前调用？我需要将$'blabla'.attrtitle，user2；在html中，所以它仍然不起作用

$("#map").append('<i id="blablabla" class="fa fa-user fa-3x" title="username"></i>');
$('#blablabla').prop("title", "user2");

$("#map").append('<i id="blablabla" class="fa fa-user fa-3x" title="username"></i>');
$('#blablabla').attr("title", "user2");

<script>
$(window).ready(function(){
    $("#blablabla").prop("title", "user2");
});

</script>