Найти и скрыть текст с помощью jQuery

-1

Это, я думал, был очень простым запросом, но я, кажется, теряюсь в коде find/hide.Найти и скрыть текст с помощью jQuery

Для упрощения:

У меня может быть что-то вроде этого <h1 class="begin-page"> TEST AREA</h1>

Я хочу найти текст «TEST AREA» и скрыть его.

Как я могу выполнить это через jquery?

спасибо.

источник

2013-05-01 user1176783

возможно, но может быть довольно интенсивным в зависимости от размера страницы. было бы лучше, если бы вы знали тип/класс/id контейнера, чтобы его можно было сузить. – smerny

также, что вы имеете в виду, скрывая? вы хотите скрыть элемент, в котором он находится? или просто удалить этот конкретный текст из этого элемента? – smerny

SMerny - в этом случае, просто текст. – user1176783

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

источник

2013-05-01 18:36:29

Я получаю тип неопределенной ошибки – user1176783

Я не уверен, почему - это работает на меня. Попробуйте разбить его, чтобы узнать, в чем проблема: var headerText = $ ('h1.begin-page'). Html(); затем отдельный $ ('h1.begin-page'). html (headerText.replace ("TEST AREA", "")); –

Точно, что я сделал и получил его на работу. Большое спасибо!!!! – user1176783

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

или если вы хотите, вы можете скрыть и показать только в FUNCTION-

<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

ответ

Смежные вопросы