今天逛Q群遇到一個(gè)網(wǎng)友請(qǐng)教問(wèn)題:
公司主營(yíng)業(yè)務(wù):做網(wǎng)站、成都做網(wǎng)站、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶(hù)真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶(hù)帶來(lái)驚喜。成都創(chuàng)新互聯(lián)公司推出南宮免費(fèi)做網(wǎng)站回饋大家。
問(wèn)題如下,他需要在查找ID為sch開(kāi)頭的元素中分別查找出各自包含sub001的數(shù)量,
如:ID:sch002、sch033 DIv元素等等后面的數(shù)字是隨機(jī)的,里面都會(huì)包含sub001元素,數(shù)量不一;一開(kāi)始網(wǎng)友是想打算使用for循環(huán)來(lái)解決,無(wú)疑會(huì)中招;因?yàn)榈谝谎h(huán)量大(因?yàn)槟銦o(wú)法預(yù)計(jì)sch后的數(shù)字有多小位需要設(shè)定一個(gè))造成運(yùn)行損耗內(nèi)存大,運(yùn)行速度慢,而且查找到?jīng)]有元素操作時(shí)會(huì)報(bào)錯(cuò)。
所以我介紹他使用^= Jquery的統(tǒng)配選擇符,確實(shí)好使好用立馬解決他的問(wèn)題;解決原一后他又提了一個(gè)問(wèn)題,他需要分別獲取sch后面那個(gè)數(shù)字需要怎么做? 其實(shí)來(lái)到這一步思路都清晰的,直接獲取一下是sch開(kāi)頭的元素,然后$(this) attr一下ID屬性,再利用js截取一下字符,OK搞掂 !!
下面就是一個(gè)小例子:
$(function(){
$("div[id^='sch']").each(function(){
var schsize = $(this).find('#sub001').size();
var thisId = $(this).attr('class');
alert(thisId+"含#d1的數(shù)量為"+schsize );
//利用substring截取sch后的數(shù)字
alert(thisId.substring(3) )
})
})
普及一下:
1.選擇器
(1)通配符:
$("input[id^='code']");//id屬性以code開(kāi)始的所有input標(biāo)簽
$("input[id$='code']");//id屬性以code結(jié)束的所有input標(biāo)簽
$("input[id*='code']");//id屬性包含code的所有input標(biāo)簽
(2)根據(jù)索引選擇
$("tbody tr:even"); //選擇索引為偶數(shù)的所有tr標(biāo)簽
$("tbody tr:odd"); //選擇索引為奇數(shù)的所有tr標(biāo)簽
(3)獲得jqueryObj下一級(jí)節(jié)點(diǎn)的input個(gè)數(shù)
jqueryObj.children("input").length;
(4)獲得class為main的標(biāo)簽的子節(jié)點(diǎn)下所有標(biāo)簽
$(".main > a");
(5)選擇緊鄰標(biāo)簽
jqueryObj.next("div");//獲取jqueryObj標(biāo)簽的后面緊鄰的一個(gè)div,nextAll獲取所有
2.篩選器
//not
$("#code input:not([id^='code'])");//id為code標(biāo)簽內(nèi)不包含id以code開(kāi)始的所有input標(biāo)簽
3.事件
//處理文本框上的鍵盤(pán)操作
jqueryObj.keyup(function(event){
var keyCode = event.which;//獲取當(dāng)前按下鍵盤(pán)的鍵值,回車(chē)鍵為13
}
4.工具函數(shù)
$('#someField').val($.trim($('#someField').val()));//消除空格,語(yǔ)法:$.trim(value)
不會(huì)到會(huì),只是一個(gè)過(guò)程!