SelectorQuery.selectAll

解釋： 在當前頁面下選擇匹配選擇器 selector 的節(jié)點，返回一個 NodesRef 對象實例。 與 selectorQuery.select(selector) 不同的是，它選擇所有匹配選擇器的節(jié)點。

方法參數(shù)

String selector

返回值

NodesRef

示例 

在開發(fā)者工具中打開

圖片示例

代碼示例

<view class="wrap">
    <view class="card-area">
        <movable-area>
            <movable-view class="target" x="{{x}}" y="{{y}}" direction="all" bindchange="queryNodeInfo">
                targetFirst
            </movable-view>
        </movable-area>
    </view>
    <view class="card-area">
        <movable-area>
            <movable-view class="target" x="{{x}}" y="{{y}}" direction="all" bindchange="queryNodeInfo">
                targetSecond
            </movable-view>
        </movable-area>
    </view>
     <view class="list-area border-bottom">
        <text class="list-item-key-4">
            targetFirst:
        </text>
        <text class="list-item-value-4">
            {{targetFirst}}
        </text>
    </view>
    <view class="list-area border-bottom">
        <text class="list-item-key-6">
            targetSecond:
        </text>
        <text class="list-item-value-4">{{targetSecond}}</text>
    </view>
</view>

Page({
    data: { 
        targetFirst: '',
        targetSecond: ''
    },
    onReady() {
        this.queryNodeInfo();
    },
    queryNodeInfo() {
        const selectorQuery = swan.createSelectorQuery();
        selectorQuery.selectAll('.target').boundingClientRect();
        selectorQuery.exec(res => {
            this.setData('targetFirst', res[0][0].top);
            this.setData('targetSecond', res[0][1].top);
        });
    }
});