微信小程序中如何遍历4个矩形框，以及矩形框里面得文本内容？

在微信小程序中，可以使用WXML模板语言和JavaScript语言来实现遍历4个矩形框，以及获取矩形框里面的文本内容。

首先，在WXML中，可以使用wx:for循环来遍历4个矩形框，并将每个矩形框绑定到一个数组中的元素上，例如：

<view wx:for="{{rects}}" wx:key="{{index}}">
  <view class="rect" bindtap="onTapRect{{index}}">{{item.text}}</view>
</view>

上面的代码中，`wx:for`属性指定了要遍历的数组`rects`，`wx:key`属性指定了数组元素的唯一标识符，`item`表示遍历到的当前元素，`index`表示当前元素的索引。在`<view>`标签中，使用`{{item.text}}`来显示矩形框里面的文本内容。

然后，在JavaScript中，可以定义一个`rects`数组来存储4个矩形框的信息，例如：

Page({
  data: {
    rects: [
      { id: 1, text: '矩形框1' },
      { id: 2, text: '矩形框2' },
      { id: 3, text: '矩形框3' },
      { id: 4, text: '矩形框4' }
    ]
  },
  onTapRect1: function() {
    console.log('点击了矩形框1，文本内容为：' + this.data.rects[0].text);
  },
  onTapRect2: function() {
    console.log('点击了矩形框2，文本内容为：' + this.data.rects[1].text);
  },
  onTapRect3: function() {
    console.log('点击了矩形框3，文本内容为：' + this.data.rects[2].text);
  },
  onTapRect4: function() {
    console.log('点击了矩形框4，文本内容为：' + this.data.rects[3].text);
  }
})

上面的代码中，`data`属性指定了页面的数据，包括了`rects`数组。在每个矩形框的`<view>`标签中，使用`bindtap`属性来绑定点击事件，并指定对应的处理函数。在处理函数中，使用`this.data.rects[index].text`来获取对应矩形框里面的文本内容，并进行相应的处理。

当然，上面的代码只是一个示例，具体实现还需要根据实际情况进行调整。