скрыть все элементы класса со словом "Без"
Есть элементы:
<span class="one">Витрина 1</span> <span class="one">Без витрины</span> <span class="one">Витрина 2</span> <span class="one">Без витрины</span> <span class="one">Витрина 8</span> Очень нужно при загрузке страницы скрыть все элементы span со словом "Без", например, присвоить им display:none; т.е. получится: <span class="one">Витрина 1</span> <span class="one" style="display:none;">Без витрины</span> <span class="one">Витрина 2</span> ... Примерно представляю, как присвоить "display:none":
window.onload = function() {
$( ".one" ).css({"display":"none"});
или просто
window.onload = function() {
$( ".one" ).hide();
А вот как скрыть не весь класс, а только все элементы span со словом "Без" - не знаю Буду рад помощи, спасибо! |
<body>
<span class="one">Витрина 1</span>
<span class="one">Без витрины</span>
<span class="one">Витрина 2</span>
<span class="one">Без витрины</span>
<span class="one">Витрина 8</span>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script>
$(function () {
$('span.one:contains("Без")').hide();
});
</script>
</body>
|
| Часовой пояс GMT +3, время: 19:39. |