使用jQuery查找和隱藏文本

-1

我認爲這是一個非常簡單的查詢，但我似乎迷失在查找/隱藏代碼中。使用jQuery查找和隱藏文本

爲了簡化：

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

我想找到文本「試驗區」和隱藏。

我該如何通過jQuery來實現？

謝謝。

來源

2013-05-01 user1176783

可能的，但可以根據頁面的大小是相當密集。如果你知道容器的類型/ 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", "")); 
});

來源

2013-05-01 18:36:29

我得到一個類型未定義的錯誤 – 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 
});

來源

2013-05-01 18:34:44 nbrooks

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

jsFiddle example

來源

2013-05-01 18:40:37 j08691

複製代碼 -

<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

來源

2013-11-09 16:23:20 Vibhaas

使用jQuery查找和隱藏文本

回答

相關問題