css選擇器中有小數(shù)點(diǎn)的標(biāo)簽獲取方法

需求說(shuō)明
因?yàn)轫?xiàng)目中章節(jié)配置的時(shí)候有小數(shù)點(diǎn),1,1.1,1.2,1.11的標(biāo)題,這個(gè)時(shí)候每一行標(biāo)題的id,class設(shè)置成標(biāo)題號(hào)是獨(dú)一無(wú)二的標(biāo)記。但是,直接用js獲取是獲取不到的,例如$('#3.22')打印只能獲取到document.
解決方案
var array = id.split('.'); var id = ''; for(var i=0;i<array.length;i++){ if(i == array.length-1){ id += array[i]; }else{ id += array[i]+'\\.'; } }
就是將.用\轉(zhuǎn)義輸出了。下面再用$('#id')就可以獲取到標(biāo)簽了
總結(jié)
以上所述是小編給大家介紹的css選擇器中有小數(shù)點(diǎn)的標(biāo)簽獲取方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章主要介紹了CSS :visited偽類(lèi)選擇器隱秘往事回憶錄,需要的朋友可以參考下2018-10-12
- dw中css選擇器nthchild怎么使用?Dreamweaver中出現(xiàn)了多個(gè)相同的標(biāo)簽,這時(shí)候可以使用nth-child()選擇器,下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-06-04
CSS3 :default偽類(lèi)選擇器使用簡(jiǎn)介
CSS3 :default 偽類(lèi)選擇器只能作用在表單元素上,表示默認(rèn)狀態(tài)的表單元素。接下來(lái)通過(guò)本文給大家介紹CSS3 :default偽類(lèi)選擇器使用簡(jiǎn)介,感興趣的朋友跟隨腳本之家小編一起2018-03-15- 本文將詳細(xì)介紹CSS選擇器的新用法,感興趣的朋友一起學(xué)習(xí)吧2018-02-02
- 這篇文章主要介紹了CSS選擇器實(shí)現(xiàn)字段解析的相關(guān)資料,需要的朋友可以參考下2018-01-31
- 這篇文章主要介紹了CSS中選擇器的權(quán)重值的計(jì)算的相關(guān)資料,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-23
Dreamweaver中css選擇器中的類(lèi)怎么使用?
Dreamweaver怎么使用css選擇器中的類(lèi)?Dreamweaver中css選擇器中有很多功能,想要使用其中的類(lèi),該怎么使用呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-01-09詳解CSS3選擇器:nth-child和:nth-of-type之間的差異
本篇文章主要介紹了CSS3選擇器:nth-child和:nth-of-type之間的差異,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-09-18- 本文總結(jié)了30個(gè)CSS3選擇器,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-13
css3類(lèi)選擇器之結(jié)合元素選擇器和多類(lèi)選擇器用法
這篇文章主要介紹了css3類(lèi)選擇器之結(jié)合元素選擇器和多類(lèi)選擇器用法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-09