Question

jquery里怎么加入html源代码

比如
<div class="a1">
<div class="b">bbb</div>
<div class="c">ccc</div>
<div>
怎样在b和c这2个div间加</div><div class="a2">

让结果为
<div class="a1">
<div class="b">bbb</div>
</div>
<div class="a2">
<div class="c">ccc</div>
<div>
或者有没有其他思路能这样的,最好写点伪代码,谢谢大家

Answer 1

可以用楼上的方法，也可以用如下方式，
<div class="a1">
<div class="b">bbb</div>
<div class="c">ccc</div>
</div>
<script type="text/javascript">
<!--
$(function(){
$(".a1").after("<div class='a2'></div>");
$(".a1 .c").appendTo($(".a2"));
})
-->
</script>

这两种方法都是jquery中的基本用法中的一种，
它还有很多方法在网上可以搜到jquery的帮助文档，有兴趣的话可以看看，它里面包括很多，
其中ajax和一些ui框架在我们做web开发时经常用到而且很方便

追问

试过了，为什么 不能加到dom里面去

追答

那把dom变成包装集就行了啊，方式是$(dom元素)，这样才能调用jquery封装的方法，如appendto、append、find等。dom元素是不能调用jquery为包装集写的方法的

Answer 2

<div class="a1">
<div class="b">bbb</div>
<div class="c">ccc</div>
</div>
<script type="text/javascript">
<!--
$(function(){
$("div").remove(".c");
$(".a1").after("<div class='a2'><div class='c'>ccc</div></div>");
})
-->
</script>

追问

其实这样对我不适用，因为我的代码里，其实c里面的是很长一段代码，都是动态生成的，
$(".a1").after("ccc");，动态的这里改怎么处理？

追答

bbb
ccc

");
$(".c").clone(true).prependTo(".a2");
$(".a1").find(".c").remove();
})
-->

我复制进去这下OK了吧~

Answer 3

1.$(".demo").html("<span></span>")
2.var $span=$("<span></span>");
$(".demo").append($span)

Answer 4

jQuery(".b").after('</div><div class="a2">');这样不就行了