微信小程序不允許DOM操作，所(suo)以不能用addClass這種方(fang)法，我的用法如(ru)下。

點(dian)擊元(yuan)素(su)后，獲取元(yuan)素(su)中data-select值(zhi)，賦(fu)值(zhi)給catalogSelect，然后判斷二者(zhe)是否(fou)相等，一樣則添加class（class的css可以先(xian)寫好）。

    
    <view class="info_choose ">
        <view class="catalog_name">花色view>

        <view class="catalog_items display-flex-row" >
          <block wx:for="{{catalogs}}">
            <text data-select="{{item.select}}" class="{{item.select == catalogSelect ? 'active':''}} catalog_item" bindtap="chooseCatalog">{{item.catalogName}}text>
          block>
        view>
    view>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

//js代(dai)碼

Page({
    data: {

        catalogs:[
          { "catalogName": "卡(ka)其卡(ka)其",
            "select":1          
          },
          {
            "catalogName": "其卡(ka)(ka)其卡(ka)(ka)卡(ka)(ka)其卡(ka)(ka)其",
            "select": 2
          },
          {
            "catalogName": "鯉(li)魚鯉(li)魚",
            "select": 3
          },
          {
            "catalogName": "神(shen)(shen)跡神(shen)(shen)跡卡(ka)其卡(ka)其",
            "select": 4
          },  

        ],
        catalogSelect:0,//判斷是否(fou)選中
    },

    chooseCatalog:function(data){
      var that=this;
      that.setData({//把選中值放入判斷值
        catalogSelect : data.currentTarget.dataset.select
      })


    }
})