国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

<p>我在我的電子商務(wù)網(wǎng)頁上的產(chǎn)品詳細(xì)頁面上創(chuàng)建了一個顏色按鈕列表。 當(dāng)我進入頁面時，我希望默認(rèn)選擇匹配的顏色li按鈕。 每個產(chǎn)品頁面上都有一個特定的顏色名稱（文本字符串）可供使用。 以下是我的代碼摘要。</p> <pre class="brush:php;toolbar:false;"><div class="color-wrap"> <ul> <li class="text"><a href="/link.." class="ivory" ></a></li> <li class="text"><a href="/link.." class="beige"></a></li> <li class="text selected"><a href="/link.." class="green"></a></li> <li class="text"><a href="/link.." class="blue"></a></li> </ul> </div> <style> .color-wrap {} .color-wrap li a {} .color-wrap li.selected a {border-color:red;} .color-wrap .ivory {#fff;} .color-wrap .beige {#eee;} .color-wrap .green {green;} .color-wrap .blue {blue;} </style></pre> <p>我的想法是使用JavaScript來查找/搜索/匹配“a”標(biāo)簽的類名中的顏色名稱，并強制將類“selected”添加到li中。 如您所見，按鈕名稱應(yīng)該通過其“a”標(biāo)簽而不是“l(fā)i”標(biāo)簽來識別。 我對編碼幾乎一無所知。</p> <p>我查看了所有類似的stackoverflow線程，但找不到解決方案。 請幫幫我:(</p> <p>到目前為止，我嘗試了match，find，filter函數(shù)，但都失敗了。</p>

const selectedColor = "green";
document.querySelector(".color-wrap a." + selectedColor).parentNode.classList.add("selected");

.color-wrap {}
.color-wrap li a {}
.color-wrap li.selected a {border: red 1px solid;}
.color-wrap .ivory {color: #fff;}
.color-wrap .beige {color: #eee;}
.color-wrap .green {color: green;}
.color-wrap .blue {color: blue;}

<div class="color-wrap">
<ul>
  <li class="text"><a href="/link.." class="ivory">Ivory</a></li>
  <li class="text"><a href="/link.." class="beige">Beige</a></li>
  <li class="text"><a href="/link.." class="green">Green</a></li>
  <li class="text"><a href="/link.." class="blue">Blue</a></li>
</ul>
</div>