我有这个代码:
<select class="cc-product-variant-selectbox j-product__variants" data-action="changeVariant">
<option class="j-product__variants__item" value="0" data-params="{"price":158,"priceFormatted":"158,00 \u20ac","oldPriceFormatted":"0,00 \u20ac","basicPrice":0,"basicPriceFormatted":"0,00 \u20ac","basicPriceUnit":"&nbsp;","oldPrice":0,"availability":1,"availabilityText":"disponibile","delivery":2,"pool":"Infinity","weightFormatted":"0,1 kg","weight":0.1}"
title="1 metro 158,00 €" content="1 metro" selected="selected">
1 metro 158,00 €</option>
我会在“1 metro”中更改保管箱文本“1 metro 158,00 €”(介于 <option>..</option>
之间),因此没有价格。我在 css 中试过这段代码:
.j-product__variants__item"{content:"1 metro";}
但它不起作用。 我该如何解决?
最佳答案
快速而肮脏的 Javascript 解决方案:
// document.querySelectorAll('.j-product__variants__item')[0].innerHTML = document.querySelectorAll('.j-product__variants__item')[0].textContent.replace('158,00 €','');
<body onload="document.querySelectorAll('.j-product__variants__item')[0].innerHTML = document.querySelectorAll('.j-product__variants__item')[0].textContent.replace('158,00 €','');">
<select class="cc-product-variant-selectbox j-product__variants" data-action="changeVariant">
<option class="j-product__variants__item" value="0" data-params="{"price":158,"priceFormatted":"158,00 \u20ac","oldPriceFormatted":"0,00 \u20ac","basicPrice":0,"basicPriceFormatted":"0,00 \u20ac","basicPriceUnit":"&nbsp;","oldPrice":0,"availability":1,"availabilityText":"disponibile","delivery":2,"pool":"Infinity","weightFormatted":"0,1 kg","weight":0.1}"
title="1 metro 158,00 €" content="1 metro" selected="selected">
1 metro 158,00 €</option>
</select>
</body>
关于html - 在 <option=class>...</option> 之间更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41611348/