Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我该如何隐藏<;李>;当<;span>;里面包含某些文本?_Javascript_Html_Css - Fatal编程技术网

Javascript 我该如何隐藏<;李>;当<;span>;里面包含某些文本?

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

我想在下面的代码中隐藏所有包含文本“_uu”的

<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公斤