Javascript 如何使用jQuery向引导面板添加内容?
检索信息后,我想使用jQuery在引导面板中显示它 我使用Javascript 如何使用jQuery向引导面板添加内容?,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,检索信息后,我想使用jQuery在引导面板中显示它 我使用.html()函数来显示面板 $('#id_div').html('<div class="panel panel-info"><div class="panel-heading"><h3 class="panel-title">'+my.awesome.title+'</h3></div><div class="panel-body">Content here :)
.html()
函数来显示面板
$('#id_div').html('<div class="panel panel-info"><div class="panel-heading"><h3 class="panel-title">'+my.awesome.title+'</h3></div><div class="panel-body">Content here :) There is more and this is becoming a super long line ...</div></div>');
这不起作用,因为添加的文本显示在面板外部
$('#id_div').html('<div class="panel panel-info"><div class="panel-heading"><h3 class="panel-title">'+my.awesome.title+'</h3></div><div class="panel-body">Content here :) There is more and this is becoming a super long line ...</div></div>');
如何指定代码的确切附加位置
已解决。
根据David的说法,通过使用.find()
函数,您可以指定要添加文本的确切位置
$('#id_div')。查找('.panel body')。追加('在此处添加更多内容:)
关于$(您的元素)如何。附加到(“#id_div”)
?它是否在$(文档)中。就绪(函数(){})代码>?@Jezzabeanz是的,它是。这就是你想要做的吗?@pathros,ok:-)你也可以这样打破它:你的元素$怎么样。附加到(“#id_div”)
?它在$(文档)里面吗。准备好了(函数(){})代码>?@Jezzabeanz是的,是的。这就是你想要做的吗?@pathros,好的:-)你也可以这样打破它: