jquery - Find and hide text using jQuery

Question

This, I thought, was a very simple query, but I seem to be getting lost in the find/hide code.

To simplify:

I may have something like this <h1 class="begin-page"> TEST AREA</h1>

I want to find the text "TEST AREA" and hide it.

How can I accomplish that via jquery?

Thank you.

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

复制代码-

<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

Answer 4

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