6.2、通过正则封装兼容的通过class获取元素的方法

mac2026-01-21  5

一、正则独立的部分

// 了解一下正则独立的部分 // var str = ' btn1 btn2 ' // var re = /\bbtn1\b/ // console.log(re.test(str)) //true <ul id="nn"> <li class="btn1 btn2">1111111111111111</li> <li class="btn1">222222222222</li> <li class="btn3 btn4">3333333333</li> <li class="btn1">4444444444</li> </ul> <script> // 获取父级 var oul = document.getElementById('nn') //获取父级下的所有子集 var oli = oul.getElementsByTagName('*') console.log(getClass(oul, 'btn1')) function getClass(parent, classN) { var arr = [] var re = new RegExp('\\b' + classN + '\\b') //转义字符\ 两个\会转义成一个 for (var i = 0; i < oli.length; i++) { //获取所有的li的className var name = oli[i].className if (re.test(name)) { //能匹配到就 arr.push(oli[i]) } } return arr } </script>
最新回复(0)