javascript - 使用 Javascript/JQuery 隐藏文本

Question

我正在开发 Chrome 扩展程序并试图隐藏页面的一部分。我对这些东西还很陌生，所以如果我使用了错误的术语或问题看起来很明显，请提前致歉!

出现的页面格式如下:

<div class="wrapper">
  <span class="loud" style="text-decoration: none;">...</span>
  <div class="leave-gap">...</div>
  <quote>...</quote>
  "*** I can't figure how to hide this ***"
  <p></p>
  <span id="id_12345" class="none">...</span>
  <div class="block-footer">...</div>
  <div class="leave-gap">...</div>
</div>

如代码片段所示，我不知道如何隐藏用星号突出显示的位。

我有一个函数将一个变量作为输入，该变量是类“wrapper”中的第一个元素:

function processComment(commentStart)
{
    $element = commentStart;

    while($element)
    {
        if(some condition)
        {
            $element.hide();
        }
        $element.next();
    }

因为这个文本本身位于任何标签之外，所以没有被拾取。我不能只隐藏整个包装器类，因为它里面有一些我需要显示的部分。

非常感谢收到的任何建议。

谢谢，理查德

Answer 1

Set visibility propery or wrapper as collapse and set visibility of childrens to visible for overriding visibility property. That it will only hide the text node.

$('.wrapper').css('visibility', 'collapse').find('*').css('visibility', 'visible');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="wrapper">
  <span class="loud" style="text-decoration: none;">...</span>
  <div class="leave-gap">...</div>
  <quote>...</quote>
  "*** I can't figure how to hide this ***"
  <p></p>
  <span id="id_12345" class="none">...</span>
  <div class="block-footer">...</div>
  <div class="leave-gap">...</div>
</div>