如果数据包含特定的文本，是否隐藏元素

Question

如果数据包含一段文本，是否有可能隐藏元素？

例如：隐藏其数据中包含的div&quot-en"；

<div class="check" data-value="example-en"></div>
<div class="check" data-value="check-en"></div>
<div class="check" data-value="example2-en"></div>
<div class="check" data-value="check-fr"></div>

谢谢！

Answer 1

您可以使用css或Javascript来完成此操作。

CSS

[data-value*="-en"] {
display: none;
}

如果你想根据课程来做。

[class*="-en"] {
display: none;
}

JS

document.querySelectorAll('[data-value*="-en"]').forEach((elem) => elem.style.display = 'none');

Answer 2

您可以使用属性选择器

div[data-value*="-en"] {
display: none;
}

<div class="check" data-value="check-en">1</div>
<div class="check" data-value="check-en">2</div>
<div class="check" data-value="check-fr">3</div>
<div class="check" data-value="check-fr">4</div>