Форум

Globus · #1 (**permalink**) 16.07.2014, 01:39

Есть элементы:

<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 со словом "Без" - не знаю
Буду рад помощи, спасибо!

Vlasenko Fedor · #2 (**permalink**) 16.07.2014, 02:13

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

Форум

Справочник

Discord чат

Курсы javascript