Javascript 我该如何隐藏<;李>;当<;span>;里面包含某些文本?
我想在下面的代码中隐藏所有包含文本“_uu”的Javascript 我该如何隐藏<;李>;当<;span>;里面包含某些文本?,javascript,html,css,Javascript,Html,Css,我想在下面的代码中隐藏所有包含文本“_uu”的 <ul class="bc-product__spec-list"> <li class="bc-product__spec"> <span class="bc-product__spec-title">Weight:</span> <span class="bc-product__sp
<ul class="bc-product__spec-list">
<li class="bc-product__spec">
<span class="bc-product__spec-title">Weight:</span>
<span class="bc-product__spec-value">0.5 kg</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">Width:</span>
<span class="bc-product__spec-value">25 cm</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">Depth:</span>
<span class="bc-product__spec-value">8 cm</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">Height:</span>
<span class="bc-product__spec-value">8.5 cm</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">Series:</span>
<span class="bc-product__spec-value">Boxco S Series</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">Enclosure - Base Colour:</span>
<span class="bc-product__spec-value">Grey</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">__length:</span>
<span class="bc-product__spec-value">80mm</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">__width:</span>
<span class="bc-product__spec-value">250mm</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">__height:</span>
<span class="bc-product__spec-value">85mm</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">__packing unit:</span>
<span class="bc-product__spec-value">carton</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">__packing qty:</span>
<span class="bc-product__spec-value">32</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">__related_product_json:</span>
<span class="bc-product__spec-value">/content/related_json/related-BC-CGS-082508-K-en.json</span>
</li>
<li class="bc-product__spec">
<span class="bc-product__spec-title">Unit of Measure:</span>
<span class="bc-product__spec-value">item</span>
</li>
</ul>
-
重量:
0.5公斤
-
宽度:
25厘米
-
深度:
8厘米
-
高度:
8.5厘米
-
系列:
Boxco S系列
-
外壳-底色:
灰色
-
__长度:
80毫米
-
__宽度:
250毫米
-
__高度:
85毫米
-
__包装单位:
纸箱
-
__包装数量:
32
-
__相关_产品_json:
/content/related_json/related-BC-CGS-082508-K-en.json
-
计量单位:
项目
.bc-product\uu spec-title
标识包含内容的范围,而不是其父范围。因此,如果不需要子选择器,请在该元素本身上使用:contains
。然后,我会使用.nexist(“li”)
选择li
,以防HTML发生轻微变化:
$(document).ready(function() {
$(".bc-product__spec-title:contains('__')").closest("li").hide();
});
实时复制:
$(文档).ready(函数(){
$(“.bc-product\uuuu spec-title:contains”(“uuuu”))。最近的(“li”).hide();
});代码>
-
重量:
0.5公斤
-
宽度:
25厘米
-
深度:
8厘米
-
高度:
8.5厘米
-
系列:
Boxco S系列
-
外壳-底色:
灰色
-
__长度:
80毫米
-
__宽度:
250毫米
-
__高度:
85毫米
-
__包装单位:
纸箱
-
__包装数量:
32
-
__相关_产品_json:
/content/related_json/related-BC-CGS-082508-K-en.json
-
计量单位:
项目
.bc-product\uu spec-title
标识包含内容的范围,而不是其父范围。因此,如果不需要子选择器,请在该元素本身上使用:contains
。然后,我会使用.nexist(“li”)
选择li
,以防HTML发生轻微变化:
$(document).ready(function() {
$(".bc-product__spec-title:contains('__')").closest("li").hide();
});
实时复制:
$(文档).ready(函数(){
$(“.bc-product\uuuu spec-title:contains”(“uuuu”))。最近的(“li”).hide();
});代码>
-
重量:
0.5公斤
-
宽度:
25厘米
-
深度:
8厘米
-
高度:
8.5厘米
-
系列:
Boxco S系列
-
外壳-底色:
灰色
-
__长度:
80毫米
-
__宽度:
250毫米
-
__高度:
85毫米
-
__包装单位:
纸箱
-
__包装数量:
32
-
__相关_产品_json:
/content/related_json/related-BC-CGS-082508-K-en.json
-
计量单位:
项目
循环方法检查项目列表,然后确定它们是否包含指定的值
$(document).ready(function () {
const product = $(".bc-product__spec-title");
$(product).each(function (index) {
if ($(this).text().indexOf("__") >= 0) {
$(this).parent().hide();
}
});
});
$(文档).ready(函数(){
const product=$(“.bc-product_uuuspec-title”);
$(产品)。每个(功能(索引){
if($(this).text().indexOf(“\uuu”)>=0){
$(this.parent().hide();
}
});
});代码>
-
重量:
0.5公斤
-
宽度:
25厘米
-
深度:
8厘米
-
高度:
8.5厘米
-
系列:
Boxco S系列
-
外壳-底色:
灰色
-
__长度:
80毫米
-
__宽度:
250毫米
-
__高度:
85毫米
-
__包装单位:
纸箱
-
__包装数量:
32
-
__相关_产品_json:
/content/related_json/related-BC-CGS-082508-K-en.json
-
计量单位:
项目
循环方法检查项目列表,然后确定它们是否包含指定的值
$(document).ready(function () {
const product = $(".bc-product__spec-title");
$(product).each(function (index) {
if ($(this).text().indexOf("__") >= 0) {
$(this).parent().hide();
}
});
});
$(文档).ready(函数(){
const product=$(“.bc-product_uuuspec-title”);
$(产品)。每个(功能(索引){
if($(this).text().indexOf(“\uuu”)>=0){
$(this.parent().hide();
}
});
});代码>
-
重量:
0.5公斤