小程序
小游戏
企业微信
微信支付
扫描小程序码分享
假如有好多个text标签,我想点击其中某一个的时候,怎么获取当前点击的text文本,并且当前点击的元素改变背景色,如图。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这样的话,我点击其中一个元素,那其他text组件的背景颜色也变了,
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
为text 定义 bindtap事件,用dataset 或者id属性 携带文本信息
如:
//simple.wxml
<text class="yourclass" bindtap="changeSth" id="{{text.value}}" style="backgroud-color:{{changedcolor}}"></text>
//simple.js
....
data{
changecolor:''
},
changeSth:function(e){
var that=this;
console.log(e.currentTarget.id)// get text value
that.setData({
changecolor:'#999999' //change color
})
}
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这样的话,我点击其中一个元素,那其他text组件的背景颜色也变了,
为text 定义 bindtap事件,用dataset 或者id属性 携带文本信息
如:
//simple.wxml
<text class="yourclass" bindtap="changeSth" id="{{text.value}}" style="backgroud-color:{{changedcolor}}"></text>
//simple.js
....
data{
changecolor:''
},
changeSth:function(e){
var that=this;
console.log(e.currentTarget.id)// get text value
that.setData({
changecolor:'#999999' //change color
})
}