<view class="test"></view>
<view class="testclass"></view>
<view class="testclass"></view>
<view class="testclass"></view>
wx.createSelectorQuery().selectAll('.test').fields({
id: true,
rect: true,
size: true
}, function (res) {
console.log(res)//有返回1个
}).exec()
wx.createSelectorQuery().selectAll('.testclass').fields({
id: true,
rect: true,
size: true
}, function (res) {
console.log(res)//有返回3个
}).exec()
wx.createSelectorQuery().selectAll('.test.testclass').fields({
id: true,
rect: true,
size: true
}, function (res) {
console.log(res)//返回空数组
}).exec()
单独查询class=test,单独查询class=testclass,都可以正常返回,一起查询就返回空数组,文档中是可以指定多个class的
https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.selectAll.html
selector 语法
selector类似于 CSS 的选择器,但仅支持下列语法。
- ID选择器:#the-id
- class选择器(可以连续指定多个):.a-class.another-class
- 子元素选择器:.the-parent > .the-child
- 后代选择器:.the-ancestor .the-descendant
- 跨自定义组件的后代选择器:.the-ancestor >>> .the-descendant
- 多选择器的并集:#a-node, .some-other-nodes