网站开发技术

admin

管理员

jquery 的文档处理 append 参数详解

append 是向元素的内部追加内容。

对于html

<div id="f" class="red">
    <p>father</p>
</div>

代码 ,一下两种都是一样的， 都在 f 插入的一个元素

$("#f").append('<div id="s" class="blue">son</div>');

$("#f").append(function() {
     return '<div id="s" class="blue">son</div>';
});

上面这个例子是个特殊的情况， 仅仅匹配了一个元素。如果配置了多元素比如  

<p>001</p> <p>002</p> <p>003</p>

jquery code 

$("p").append("-new");

因为$("p") 匹配了 三个元素，所以应该结果是 

001-new
002-new
003-new

 append 的函数原型是  append(function(index, html)) 

这里的 index, 和 html就可以理解了

比如

$("p").append(function(index, html) {
    return ":" + html + "#" +index
});

输出的结果就是 

001:001#0
002:002#1
003:003#2

index 表示选中元素的索引，从0开始， 就就是 #后面的值

html 表示选中的原始的值 ，也就是  ： 之后  #之前的值。

---

ipbbs.net