微信小程序 js设置hidden

[dwa4821]

想要的效果如图，点击其中一张，那张出现遮障层。现在只能全部一起出现

<ul>
      <li wx:for-items="{{list}}"
      bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}">
        <image src="{{item.img}}"></image>
        <view hidden="true"  class="pd">
          <image src="/images/ico/product_dt_top2.png"></image>
        </view>
      </li>
    </ul>

[LBL121520]

<li wx:for-items="{{list}}" bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}"> <image src="{{item.img}}"></image> <view hidden="true" class="pd"> <image src="/images/ico/product_dt_top2.png"></image> </view> </li> 这部分你没有去设置单独识别，用this去获取当前元素，然后隐藏才可以。你这样识别结果是所有的 都 一样。就当做一样的 处理了

[斯洛文尼亚旅游]

formatclick怎么写的？不用全部选出所以偶li什么的，要通过dom关系获取

推荐学习资料
JSONP跨域访问在线代理
asp网站使用utf-8编码注意事项

[dwa4821]

引用 1 楼 lbl231249 的回复:

<li wx:for-items="{{list}}" bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}"> <image src="{{item.img}}"></image> <view hidden="true" class="pd"> <image src="/images/ico/product_dt_top2.png"></image> </view> </li> 这部分你没有去设置单独识别，用this去获取当前元素，然后隐藏才可以。你这样识别结果是所有的 都 一样。就当做一样的 处理了

可以选择到该元素，但是不知道怎么设置属性 //选择套餐 formatclick: function (event) { let c=event.target; let b = event.currentTarget.dataset; let _this=this; let id=event.currentTarget.id; var query = wx.createSelectorQuery() let a = query.select('.'+id); a.flag=false; this.setData({ flag: false }); },

[LBL121520]

引用 3 楼 dwa4821 的回复:

[quote=引用 1 楼 lbl231249 的回复:] <li wx:for-items="{{list}}" bindtap="formatclick" data-num="{{item.id}}" name="{{item.list}}" price="{{item.price}}"> <image src="{{item.img}}"></image> <view hidden="true" class="pd"> <image src="/images/ico/product_dt_top2.png"></image> </view> </li> 这部分你没有去设置单独识别，用this去获取当前元素，然后隐藏才可以。你这样识别结果是所有的 都 一样。就当做一样的 处理了

可以选择到该元素，但是不知道怎么设置属性 //选择套餐 formatclick: function (event) { let c=event.target; let b = event.currentTarget.dataset; let _this=this; let id=event.currentTarget.id; var query = wx.createSelectorQuery() let a = query.select('.'+id); a.flag=false; this.setData({ flag: false }); },[/quote] jquery的hidden写法就是$(".class").hide();主要是.hide()部分；你那个如果是 js那 就一样的 啊

[泰坦不认识尼克号]

提供另一种我感觉更简单的 替代的方案 用css里的伪类 :target就能很容易实现 https://htmlpreview.github.io/?https://github.com/wy7365596/MDN-Notes/blob/master/targetTest.html#show2 在线访问 并且可以看下源码