Question

我正在使用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>');

我在jsFiddle

上举了一个问题的例子

Answer 1

你应该使用attr函数来改变标签的标题

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

Answer 2

尝试类似：

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

或

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

Answer 3

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

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

</script>

在.append

3 个答案: