Скрыть через тело (без доступа к заголовку или CSS)

#javascript #php #jquery #html

#javascript #php #jquery #HTML

Вопрос:

У меня нет доступа к заголовку, и я не могу применить какой-либо пользовательский CSS, мне любопытно, есть ли способ добавить «отображать нет» или значение «скрыто (или что-нибудь!) к существующему классу LI, чтобы он не отображался, когда я нахожусь на определенной странице?

Вот заголовок HTML

 <header>
    <nav class="mean-nav">
        <ul id="member-menu-1">
            <li class="class-1">...</li>
            <li class="class-2">...</li>
            <li class="class-3">...</li>
            <li class="class-4">...</li>
        </ul>
    </nav>
</header>

Вот что я ищу на уровне страницы:

 <header>
    <nav class="mean-nav">
        <ul id="menu-member-menu-e">
            <li class="class-1">...</li>
            <li class="class-2" style="display: none;">...</li>
            <li class="class-3">...</li>
            <li class="class-4">...</li>
        </ul>
    </nav>
</header>

<body>
    <ANY FUNCTION THAT CAN APPEND <style="Display: none;"> To <li class="class-2">
</body>

1. О чем $('li.class-2').hide(); ?

2. он не появляется, когда я нахожусь на определенной странице : это <ul> идентификатор, который определяет конкретную страницу? Так и должно быть $('#menu-member-menu-e .class-2').hide();

3. Вы можете просто использовать встроенный <style></style> тег — практически каждый браузер прочитает и применит правила css внутри

4. Хорошо… Вы должны использовать свой <body> тег таким образом? Насколько я понимаю <header> , это часть семантических элементов , но должно быть размещено внутри <body> тега

Ответ №1:

Попробуйте скрыть элемент с помощью jQuery :

 $('li.class-2').hide();

ПРИМЕЧАНИЕ: hide() функция автоматически добавится style="display: none;" к элементу.

Надеюсь, это поможет.

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<header>
  <nav class="mean-nav">
    <ul id="menu-member-menu-e">
      <li class="class-1">...</li>
      <li class="class-2">...</li>
      <li class="class-3">...</li>
      <li class="class-4">...</li>
    </ul>
  </nav>
</header>

<body>
  <script>
    $('li.class-2').hide();
  </script>
</body>