// 微信小程序 中 在页面上显示这些内容 // <view class="keywords"> // <text>测试1</text> // <text>测试2</text> // <text>测试3</text> // <text>测试4</text> // <text>测试5</text> // <text>测试6</text> // <text>测试7</text> // </view> // 我点击 其中一个 <text> 标签 把里面的内容 储存到一个数组里面 例:['测试1'] 当我在点击其
时间: 2023-07-19 09:33:07 浏览: 85
他 <text> 标签时,可以通过以下步骤来实现将其内容存储到一个数组中:
1. 给每个 <text> 标签绑定一个点击事件,可以在标签上添加一个 data-* 属性,用来标记点击的是哪个标签。例如:在第一个 <text> 标签上添加 data-index="0",第二个 <text> 标签上添加 data-index="1",以此类推。
2. 在点击事件中,可以通过 e.currentTarget.dataset.index 获取当前点击的标签的 index 值。
3. 根据 index 值获取对应的 <text> 标签的内容,可以使用小程序的选择器 API,如下所示:
```
let index = e.currentTarget.dataset.index
let text = wx.createSelectorQuery().select(`.keywords text:nth-child(${index+1})`).boundingClientRect(function(rect){
console.log(rect.text)
}).exec()
```
4. 将获取到的内容存储到一个数组中,可以通过数组的 push 方法实现:
```
let index = e.currentTarget.dataset.index
let text = wx.createSelectorQuery().select(`.keywords text:nth-child(${index+1})`).boundingClientRect(function(rect){
console.log(rect.text)
arr.push(rect.text)
}).exec()
```
最终得到的 arr 数组就包含了所有点击的 <text> 标签的内容。
阅读全文