jq 多个div从右向左依次显示_JQUERY如何遍历多个相同DIV

假设每个.class元素都绑定了单击事件,并且事件的执行函数实现如下

$(".content").click(function(){

var $this = $(this); //当前点击的元素，所对应的Jq对象

//当前点击元素，在所有同类型(都使用了.content类)元素中位置

var index = $(".content").index($this);

//当前元素中的内容

var real_content = $this.html();

})

上述代码没有亲测过，但基本思路是这样的；

也可以 自行了解下 Jq的 index() 函数

不使用Jq的情况

var contentElements = document.getElementByClassName("content");

//遍历每个元素，并绑定事件

for(var i=0;i

contentElements[i].οnclick=function (){

whenClick(contentElements[i]);

}

}

//事件逻辑

function whenClick(obj){

var contentElements = document.getElementByClassName("content");

for(var i=0;i

if(contentElements[i]==obj){

console.log("index is "+ i);

console.log("html is " + obj.innerHTML);

}

}

}