重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
一、如果是同级(兄弟元素)的,如:
成都创新互联是一家集网站建设,陈巴尔虎企业网站建设,陈巴尔虎品牌网站建设,网站定制,陈巴尔虎网站建设报价,网络营销,网络优化,陈巴尔虎网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
ulli class='a'/lili class='a'/li/ul可以
$(".a").click(function(){
var a=$(this).index;
//或者
var a=$('.a').index(this);
}
二、而对于不同级(非兄弟元素),如:
div class='a'/div
divdiv class='a'/div/div
则只能这样
$(".a").click(function(){
var a=$('.a').index(this);
}
扩展资料:
注意事项
jQuery 拥有若干进行 CSS 操作的方法。
1、addClass() - 向被选元素添加一个或多个类
2、removeClass() - 从被选元素删除一个或多个类
3、toggleClass() - 对被选元素进行添加/删除类的切换操作
4、css() - 设置或返回样式属性
例如:
.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}
向不同的元素添加 class 属性。当然,在添加类时,也可以选取多个元素:
实例:
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});
使用index()方法;
方案:$("li").index();
index([selector|element])搜索匹配的元素,并返回相应元素的索引值,从0开始计数。
如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素,则返回-1。
demo如下:
!DOCTYPE html
html
head
meta charset="UTF-8"
titletestJquery/title
script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"/script
/head
body
input type="text" id="input0" value="input元素0" /
input type="button" id="input1" value="input元素1" /
input type="checkbox" id="input2" value="input元素2" /
input type="hidden" id="input3" value="input元素3" /
br
button type="button" onclick="getInputByIndex(0)"获取第1个input元素/button
button type="button" onclick="getInputByIndex(1)"获取第2个input元素/button
button type="button" onclick="getInputByIndex(2)"获取第3个input元素/button
button type="button" onclick="getInputByIndex(3)"获取第4个input元素/buttonbr
button type="button" onclick="JudgeIndex('input3')"根据id判断元素input3的位置/button
script type="text/javascript"
function getInputByIndex(n){
var inps=$("input");
alert($(inps[n]).val()+" , "+$(inps[n]).prop("type"));
}
function JudgeIndex(elementId){
var inps=$("input");
var indx=-1;
for(var i in inps){
if(inps[i].id==elementId){
indx=i;
}
}
if(indx-1){
alert("元素["+elementId+"]位置是["+indx+"]");
}else{
alert("元素["+elementId+"]未找到!");
}
}
/script
/body
/html