#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>
Комментарии:
1. Это работает! Спасибо (Примечание — я пробовал аналогичный код ранее, НО это было добавление скрипта src в заголовок, который заставил его работать)