SelectorQuery.selectAll

解释: 在当前页面下选择匹配选择器 selector 的节点,返回一个 NodesRef 对象实例。 与 selectorQuery.select(selector) 不同的是,它选择所有匹配选择器的节点。

方法参数

String selector

返回值

NodesRef

示例

在开发者工具中预览效果

扫码体验

SelectorQuery.selectAll - 图1请使用百度APP扫码

图片示例

SelectorQuery.selectAll - 图2

SelectorQuery.selectAll - 图3

SelectorQuery.selectAll - 图4

代码示例

  1. <view class="wrap">
  2. <view class="card-area">
  3. <movable-area>
  4. <movable-view class="target" x="{{x}}" y="{{y}}" direction="all" bindchange="queryNodeInfo">
  5. targetFirst
  6. </movable-view>
  7. </movable-area>
  8. </view>
  9. <view class="card-area">
  10. <movable-area>
  11. <movable-view class="target" x="{{x}}" y="{{y}}" direction="all" bindchange="queryNodeInfo">
  12. targetSecond
  13. </movable-view>
  14. </movable-area>
  15. </view>
  16. <view class="list-area border-bottom">
  17. <text class="list-item-key-4">
  18. targetFirst:
  19. </text>
  20. <text class="list-item-value-4">
  21. {{targetFirst}}
  22. </text>
  23. </view>
  24. <view class="list-area border-bottom">
  25. <text class="list-item-key-6">
  26. targetSecond:
  27. </text>
  28. <text class="list-item-value-4">{{targetSecond}}</text>
  29. </view>
  30. </view>
  1. Page({
  2. data: {
  3. targetFirst: '',
  4. targetSecond: ''
  5. },
  6. onReady() {
  7. this.queryNodeInfo();
  8. },
  9. queryNodeInfo() {
  10. const selectorQuery = swan.createSelectorQuery();
  11. selectorQuery.selectAll('.target').boundingClientRect();
  12. selectorQuery.exec(res => {
  13. this.setData('targetFirst', res[0][0].top);
  14. this.setData('targetSecond', res[0][1].top);
  15. });
  16. }
  17. });