jquery data() index() each()
data([key],[value])
给目标元素附加数据,或者从被选元素获取数据,这个方法在存储较多数据时比较好用。
第一个参数 key:存储的数据名。
第二个参数 value:将要存储的任意数据。
$(".div1").data("abc", { num: 100, title: "ailaiyun" }); $(".div1").data("abc").num. //100;
$(".div1").data("abc").title. //ailaiyun;
index([selector|element])
从匹配元素中搜索指定元素,并返回相应元素的索引值,从 0 开始计数。
如果未找到元素,index() 将返回 -1。
$(".btn").click(function(){
console.log($(this).index());
});
如果参数是一组 DOM 元素或者 jQuery 对象,那么返回值就是传递的元素相对于原先集合 的位置。
$('div').index(document.getElementById('.div1'));
each(callback)
遍历 jquery 获取的对象集合。
第二个参数 callback:每一个遍历的元素要执行的回调函数。
$("div").each(function(){
console.log($(this).html())
});