jq怎么寫商品規(guī)格選擇???

一般用input type=radio + CSS來

如果用圖上jq寫的話 設(shè)置選中后高亮的class樣式例如active

$(".p>span").on("click",e=>{
  var yard=$(e.target).text()
  
  if($(e.target).hasClass('active')){
    $(e.target).removeClass('active')
  }else{
    $(".p>span").removeClass('active')
    $(e.target).addClass('active')
  }
})

其實(shí)這里你需要的并不是 jQuery，類似的功能直接用 HTML + CSS 就能實(shí)現(xiàn)，核心是使用 :checked + label 選擇器。

具體做法可以參考我的文章 純CSS實(shí)現(xiàn)多選組件，如果有時(shí)間的話，最好把我的講堂 寫 CSS 也要開腦洞：萬能的 :checked + label 也看一遍。

用jQuery的話，了解一下toggleClass吧（但是這樣會(huì)導(dǎo)致多個(gè)標(biāo)簽同時(shí)被選中）。

所以可以這樣實(shí)現(xiàn)：

$('span').on('click', function () {
  let $target = $(this)

  let shouldBeAdd = !$target.hasClass('selected')

  $('span').removeClass('selected')

  shouldBeAdd && $target.addClass('selected')
})

• P.S. 當(dāng)然，這樣并不是性能最好的，因?yàn)槊看味紩?huì)遍歷那幾個(gè)尺碼標(biāo)簽，但是已經(jīng)足夠用了，233 *

記錄一個(gè)狀態(tài)，根據(jù)狀態(tài)設(shè)置邊框顏色