jquery 怎么获取当前点击class 是第几个

jquery 怎么获取当前点击class 是第几个,第1张

一、如果是同级(兄弟元素)的,如:

<ul><li class='a'></li><li class='a'></li></ul>可以

$("a")click(function(){

var a=$(this)index;

//或者

var a=$('a')index(this);

}

二、而对于不同级(非兄弟元素),如:

<div class='a'></div>

<div><div 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");

});

function fmt(date){

var d = new Date(date)

return `${agetMonth()+1}-${agetDate()}`

}

这个是脚本的编法。

其实脚本的模拟时间60进一位前面那些符号只要整对,还是很简单的,可以直接去网上找这个模板,直接在里面修改时间这块就可以。不用自己全部编辑的。

你的意思是你要获取到点击a对应的父元素li的tips属性对吗?

可以使用parent获取到父元素,然后用attr获取到属性,代码如下:

<script src="jquery-171minjs"></script>

<script>

$(document)ready(function(){

$("a")click(function(){

var tips = $(this)parent("li")attr("tips");

alert(tips);

});

});

</script>

<ul>

    <li tips="您好"><a href="javascript:void(0)">点击</a></li>

    <li tips="再见"><a href="javascript:void(0)">点击</a></li>

</ul>

function RunGLNL(){ var today=new Date(); var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var DDDD=(todaygetYear()<100 todaygetYear()+1900:todaygetYear())+"年"+(todaygetMonth()+1)+"月"+todaygetDate()+"日"; DDDD = DDDD + " " + d[todaygetDay()]; DDDD = DDDD+ " " + (CnDateofDateStr(today)); //DDDD = DDDD+ " " + SolarTerm(today); documentwrite(DDDD); } function DaysNumberofDate(DateGL){ return parseInt((Dateparse(DateGL)-Dateparse(DateGLgetYear()+"/1/1"))/86400000)+1; } function CnDateofDate(DateGL){ var CnData=new Array( 0x16,0x2a,0xda,0x00,0x83,0x49,0xb6,0x05,0x0e,0x64,0xbb,0x00,0x19,0xb2,0x5b,0x00, 0x87,0x6a,0x57,0x04,0x12,0x75,0x2b,0x00,0x1d,0xb6,0x95,0x00,0x8a,0xad,0x55,0x02, 0x15,0x55,0xaa,0x00,0x82,0x55,0x6c,0x07,0x0d,0xc9,0x76,0x00,0x17,0x64,0xb7,0x00, 0x86,0xe4,0xae,0x05,0x11,0xea,0x56,0x00,0x1b,0x6d,0x2a,0x00,0x88,0x5a,0xaa,0x04, 0x14,0xad,0x55,0x00,0x81,0xaa,0xd5,0x09,0x0b,0x52,0xea,0x00,0x16,0xa9,0x6d,0x00, 0x84,0xa9,0x5d,0x06,0x0f,0xd4,0xae,0x00,0x1a,0xea,0x4d,0x00,0x87,0xba,0x55,0x04 ); var CnMonth=new Array(); var CnMonthDays=new Array(); var CnBeginDay; var LeapMonth; var Bytes=new Array(); var I; var CnMonthData; var DaysCount; var CnDaysCount; var ResultMonth; var ResultDay; var yyyy=DateGLgetYear(); var mm=DateGLgetMonth()+1; var dd=DateGLgetDate(); if(yyyy<100) yyyy+=1900; if ((yyyy < 1997) || (yyyy > 2020)){ return 0; } Bytes[0] = CnData[(yyyy - 1997) 4]; Bytes[1] = CnData[(yyyy - 1997) 4 + 1]; Bytes[2] = CnData[(yyyy - 1997) 4 + 2]; Bytes[3] = CnData[(yyyy - 1997) 4 + 3]; if ((Bytes[0] & 0x80) != 0) {CnMonth[0] = 12;} else {CnMonth[0] = 11;} CnBeginDay = (Bytes[0] & 0x7f); CnMonthData = Bytes[1]; CnMonthData = CnMonthData << 8; CnMonthData = CnMonthData | Bytes[2]; LeapMonth = Bytes[3]; for (I=15;I>=0;I--){ CnMonthDays[15 - I] = 29; if (((1 << I) & CnMonthData) != 0 ){ CnMonthDays[15 - I]++;} if (CnMonth[15 - I] == LeapMonth ){ CnMonth[15 - I + 1] = - LeapMonth;} else{ if (CnMonth[15 - I] < 0 ){CnMonth[15 - I + 1] = - CnMonth[15 - I] + 1;} else {CnMonth[15 - I + 1] = CnMonth[15 - I] + 1;} if (CnMonth[15 - I + 1] > 12 ){ CnMonth[15 - I + 1] = 1;} } } DaysCount = DaysNumberofDate(DateGL) - 1; if (DaysCount <= (CnMonthDays[0] - CnBeginDay)){ if ((yyyy > 1901) && (CnDateofDate(new Date((yyyy - 1)+"/12/31")) < 0)){ ResultMonth = - CnMonth[0];} else {ResultMonth = CnMonth[0];} ResultDay = CnBeginDay + DaysCount; } else{ CnDaysCount = CnMonthDays[0] - CnBeginDay; I = 1; while ((CnDaysCount < DaysCount) && (CnDaysCount + CnMonthDays[I] < DaysCount)){ CnDaysCount+= CnMonthDays[I]; I++; } ResultMonth = CnMonth[I]; ResultDay = DaysCount - CnDaysCount; } if (ResultMonth > 0){ return ResultMonth 100 + ResultDay;} else{return ResultMonth 100 - ResultDay;} } function CnYearofDate(DateGL){ var YYYY=DateGLgetYear(); var MM=DateGLgetMonth()+1; var CnMM=parseInt(Mathabs(CnDateofDate(DateGL))/100); if(YYYY<100) YYYY+=1900; if(CnMM>MM) YYYY--; YYYY-=1864; return CnEra(YYYY)+"年"; } function CnMonthofDate(DateGL){ var CnMonthStr=new Array("零","正","二","三","四","五","六","七","八","九","十","十一","腊"); var Month; Month = parseInt(CnDateofDate(DateGL)/100); if (Month < 0){return "闰" + CnMonthStr[-Month] + "月";} else{return CnMonthStr[Month] + "月";} } function CnDayofDate(DateGL){ var CnDayStr=new Array("零", "初一", "初二", "初三", "初四", "初五", "初六", "初七", "初八", "初九", "初十", "十一", "十二", "十三", "十四", "十五", "十六", "十七", "十八", "十九", "二十", "廿一", "廿二", "廿三", "廿四", "廿五", "廿六", "廿七", "廿八", "廿九", "三十"); var Day; Day = (Mathabs(CnDateofDate(DateGL)))%100; return CnDayStr[Day]; } function DaysNumberofMonth(DateGL){ var MM1=DateGLgetYear(); MM1<100 MM1+=1900:MM1; var MM2=MM1; MM1+="/"+(DateGLgetMonth()+1); MM2+="/"+(DateGLgetMonth()+2); MM1+="/1"; MM2+="/1"; return parseInt((Dateparse(MM2)-Dateparse(MM1))/86400000); } function CnEra(YYYY){ var Tiangan=new Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸"); //var Dizhi=new Array("子(鼠)","丑(牛)","寅(虎)","卯(兔)","辰(龙)","巳(蛇)", //"午(马)","未(羊)","申(猴)","酉(鸡)","戌(狗)","亥(猪)"); var Dizhi=new Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"); return Tiangan[YYYY%10]+Dizhi[YYYY%12]; } function CnDateofDateStr(DateGL){ if(CnMonthofDate(DateGL)=="零月") return " 请调整您的计算机日期!"; else return "农历:"+CnYearofDate(DateGL)+ " " + CnMonthofDate(DateGL) + CnDayofDate(DateGL); } function SolarTerm(DateGL){ var SolarTermStr=new Array( "小寒","大寒","立春","雨水","惊蛰","春分", "清明","谷雨","立夏","小满","芒种","夏至", "小暑","大暑","立秋","处暑","白露","秋分", "寒露","霜降","立冬","小雪","大雪","冬至"); var DifferenceInMonth=new Array( 1272060,1275495,1281180,1289445,1299225,1310355, 1321560,1333035,1342770,1350855,1356420,1359045, 1358580,1355055,1348695,1340040,1329630,1318455, 1306935,1297380,1286865,1277730,1274550,1271556); var DifferenceInYear=31556926; var BeginTime=new Date(1901/1/1); BeginTimesetTime(947120460000); for(;DateGLgetYear()<BeginTimegetYear();){ BeginTimesetTime(BeginTimegetTime()-DifferenceInYear1000); } for(;DateGLgetYear()>BeginTimegetYear();){ BeginTimesetTime(BeginTimegetTime()+DifferenceInYear1000); } for(var M=0;DateGLgetMonth()>BeginTimegetMonth();M++){ BeginTimesetTime(BeginTimegetTime()+DifferenceInMonth[M]1000); } if(DateGLgetDate()>BeginTimegetDate()){ BeginTimesetTime(BeginTimegetTime()+DifferenceInMonth[M]1000); M++; } if(DateGLgetDate()>BeginTimegetDate()){ BeginTimesetTime(BeginTimegetTime()+DifferenceInMonth[M]1000); M==23M=0:M++; } var JQ; if(DateGLgetDate()==BeginTimegetDate()){ JQ=" 今天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>"; } else if(DateGLgetDate()==BeginTimegetDate()-1){ JQ=" 明天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>"; } else if(DateGLgetDate()==BeginTimegetDate()-2){ JQ=" 后天是<font color='#FF9999'><b>"+SolarTermStr[M] + "</b></font>"; } else{ JQ=" " if(DateGLgetMonth()==BeginTimegetMonth()){ JQ+=" 本月"; } else{ JQ+=" 下月"; } JQ+=BeginTimegetDate()+"日"+"<font color='#FF9999'><b>"+SolarTermStr[M]+"</b></font>"; } return JQ; } function CAL() {} RunGLNL(); 详细出处参考: >

以上就是关于jquery 怎么获取当前点击class 是第几个全部的内容,包括:jquery 怎么获取当前点击class 是第几个、js或者JQ 如何把一个时间转换成只显示 月跟日呢、jq如何模拟时间60进一位等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9687756.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存