使用jQuery查找和隐藏文本

问题描述：

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

为了简化：

我可能有这样的事情<h1 class="begin-page"> TEST AREA</h1>

我想找到文本“试验区”和隐藏。

我该如何通过jQuery来实现？

谢谢。

可能的，但可以根据页面的大小是相当密集。如果你知道容器的类型/ class/id，那么它会更好，因此可以缩小它的范围。 – smerny 2013-05-01 18:31:50

另外，你是什么意思隐藏？你想隐藏它所在的元素吗？或者只是从该元素中删除特定的文本？ – smerny 2013-05-01 18:35:42

SMerny - 在这种情况下，只是文本。 – user1176783 2013-05-01 18:37:50

答

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

我得到一个类型未定义的错误 – user1176783 2013-05-01 18:45:03

我不知道为什么 - 它适用于我。尝试分解它，看看你的问题是什么：var headerText = $（'h1.begin-page'）。html（）;然后一个单独的$（'h1.begin-page'）。html（headerText.replace（“TEST AREA”，“”））; – 2013-05-01 18:50:35

正是我所做的，并得到它的工作。非常感谢！！！！ – user1176783 2013-05-01 20:14:04

答

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

答

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

jsFiddle example

答

复制代码 -

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

代码，而无需extras-

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

从 - http://www.w3schools.com/jquery/jquery_hide_show.asp

使用jQuery查找和隐藏文本

相关推荐