Question

我认为这是一个非常简单的查询，但我似乎迷失在查找/隐藏代码中。

简化：

我可能有类似<h1 class="begin-page"> TEST AREA</h1>

的内容

我想找到文字＆＃34; TEST AREA ＆＃34;并隐藏它。

如何通过jquery实现这一目标？

谢谢。

Answer 1

$('h1:contains("TEST AREA")').html('');

<强> jsFiddle example

Answer 2

$(function() {
    $('h1.begin-page').html($('h1.begin-page').html().replace("TEST AREA", ""));
});

Answer 3

$(function() {
    $('h1.begin-page')  // target the h1 element with class 'begin-page'
      .hide();          // hide it
});

Answer 4

复制代码 -

<script>
$(document).ready(function(){
  $("#hb").click(function(){
    $("h1.begin-page").hide();
  });
});
</script>
    <p id="hb">hide</p>
    <h1 class="begin-page"> TEST AREA</h1>

或者如果你想要，你可以隐藏并只显示在一个函数中 -

<script>
$(document).ready(function(){
  $("#hb").click(function(){
    $("h1.begin-page").toggle();
  });
});
</script>
    <p id="hb">[hide/show]</p>
    <h1 class="begin-page"> TEST AREA</h1>

代码没有额外内容 -

      $(function(){
        $("h1.begin-page") // find the text
.hide(); // hide it
      });

来自 - http://www.w3schools.com/jquery/jquery_hide_show.asp

使用jQuery查找和隐藏文本

4 个答案: