Как найти скрытые div без поиска в дочерних элементах
Неудивительно, так как ты используешь селектор :hidden . Давай прочитаем, что про него написано в документации:
They have a CSS display value of none.
They are form elements with type=»hidden».
Their width and height are explicitly set to 0.
An ancestor element is hidden, so the element is not shown on the page.
То есть, если элемент c нулевой высотой и шириной, а это может быть потому, что он просто пустой, или же потому, что он еще не успел отрисоваться, будет отвечать этому селектору.
Плюс, ты неверно используешь find() , передавая в него два параметра сразу, в итоге он найдет тебе и все элементы c :hidden , и все div , насколько я понимаю, но тут нужно смотреть код самого JQuery. Тогда как надо искать одним запросом, скажем так, делая find(«div:hidden») .
Но и это будет неверно, так как в итоге он тебе выдаст действительно все вложенные элементы, и нужно будет это как-то фильтровать. Поэтому проще использовать такой код, как ниже — сначала отфильтровать все элементы в массиве через filter(«div:hidden») , а после просто перебрать его через $.each() .
Обрати внимание, у нас скрыты и все вложенные элементы в те, которые ты включаешь в blocks , и один из собственно членов данного массива. В итоге сообщение будет содержать только его.
Как найти спрятанный контент на сайте?
Я совсем не специалист, но надеюсь, что здесь мне смогут помочь. Прошу прощения, если вопрос «мимо».
Как можно посмотреть все, в том числе и скрытые ссылки на чужом вебсайте и конкретно на одной странице? Есть полученный случайно доступ к некоторым ссылкам со спрятанным контентом, который не отображается ни на странице сайта, ни в поиске по сайту, ни в гугл поиске по содержимому сайту, но прямой доступ по ссылке нет, а в каталоге, в котором эта ссылка должна быть, ее не видно. Хотелось бы посмотреть все скрытые ссылки, но не получается, все сервисы выдают только открытый контент.
- Вопрос задан более двух лет назад
- 8067 просмотров
Простой 1 комментарий
- Вконтакте
Смотря как и чем » спрятанный»
для ламеров, юзеров и прочих начинающих халявщиков есть несколько (по степени трудоёмкости) вариантов
1 — синтаксис/операторы запроса в поисковой системе
в поисковой строке набрать по следующему шаблону » [содержимое][пробел]site:[адрес домена/сайта]
*пример поиска слова «скидка» по сайту(корневому домену) site.ru — «скидка site:site.ru» данный синтаксис просканирует доступные страницы для просмотра и покажет все страницы в которых присутствует слово «скидка»
*пример поиска файлов с любым названием но только с расширением pdf — «.pdf site:site.ru» как вариант *.pdf всё зависит от конкретной поисковой системы. Как следствие можно играться — «название.» Соответственно будет искать файл с любым расширением но с названием название. так же есть синтаксис который позволяет искать как в названии так и в расширении файла часть этого названия/расширения.
2 — Специализированные программы закачки сайта полностью
так как я понятия не имею о вашей платформе искать вам нужно такими запросами — «site download», «site sucker» site как вариант заменить web
3 — Ну и как тут уже писали ранее, зайти в исходный код страницы, что зависит как от платформы/ОС так и от конкретного браузера.
В принципе если файл вообще существует а не редирект этого файла на каком то ресурсе, файл достать всегда можно. Однако на всякую хитрожо..ую хитрость найдутся методы защиты. Делайте собственный уникальный контент, ибо за кражу, плагиат и копипаст, по рукам будут давать всё чаще и чаще, и просто жалобой уже не отделаетесь.
RTFM. кибер сопляки. RTFM
Халява переоценённый и насквозь утопичный фактор. Так или иначе платить придётся.
Селекторы и фильтры jQuery (или как выбрать нужный элемент со страницы)
Думаю, что для Вас не секрет, что при помощи популярной библиотеки jQuery мы можем сделать наши веб-страницы интерактивными. Выбрав нужный элемент из объектной модели DOM нашей страницы мы можем заставить его исчезнуть, появиться, отреагировать на клик мыши (или другое событие), изменить стиль элемента и сделать еще очень много разных вещей. Эта статья будет посвящена селекторам и фильтрам библиотеки jQuery. Вы узнаете, как из всего многообразия элементов веб-страницы выбирать именно нужный.
В своих уроках я часто использую библиотеку jQuery, так как с ее помощью можно действительно сделать очень много интерактивных и интересных вещей. Однако, сама по себе (просто подключенная библиотека) она ничего не дает, еще необходимо написать код, который и будет создавать интерактивность для различных элементов веб-страницы. И конечно же в этом коде мы всегда используем селекторы для того, чтобы выбрать нужный элемент с веб-страницы.
Сегодня я покажу Вам как использовать селекторы (простые и сложные), при помощи которых вы сможете выбирать для дальнейшей работы нужный элемент (или группу элементов). А также мы рассмотрим фильтры jQuery, чтобы фильтровать нашу выборку.
Селекторы библиотеки jQuery
JQuery предлагает очень мощную технику выбора и работы с коллекциями элементов. Если Вы писали файлы таблиц стилей CSS, то принцип работы селекторов в jQuery Вы поймете очень быстро.
Основной синтаксис здесь таков:
Знак $ обозначает специальную команду – объект jQuery. По сути – это сокращение от jQuery.
Итак, давайте начнем с простых селекторов.
1. Вы можете выбрать любой элемент веб-страницы по его идентификатору.
Например, если на странице у Вас имеется <div то выбрать его по идентификатору можно следующим образом:
Здесь знак # указывает именно на то, что мы выбираем элемент по его идентификатору (также, как и в css-селекторах).
2. Вы также можете выбрать элемент или группу элементов по названию их тега.
Например, чтобы выбрать все ссылки на странице достаточно написать следующее:
Здесь, как Вы можете видеть, никаких лишних знаков нет, только название тега в кавычках.
3. Еще один простой способ выбора элементов – это выбор по имени класса.
Например, чтобы выбрать все кнопки Вашей навигационной панели, имеющие одинаковое имя класса (class=”nav”), Вы можете написать следующую выборку:
Здесь ключевым моментом является точка «.», которая обозначает, что Вы выбираете элементы именно по имени класса.
Это были самые простые селекторы, которые прекрасно работают, однако, не могут предоставить всей глубины выбора. Они наиболее общие и зачастую выбирают группу элементов. Но на практике мы часто сталкиваемся с необходимостью более конкретного выбора.
Для этого давайте рассмотрим более сложные селекторы. Они позволят нам более точно указать на нужные теги.
4. Селектор потомков, например, позволяет указать на тег, заключенный в другом теге.
Допустим, что у Вас есть ненумерованный список (тег <ul>) с идентификатором «nav» (<ul и в этом списке присутствуют ссылки. Вы хотите выбрать все ссылки на странице, которые находятся внутри этого ненумерованного списка. В таком случае выборку будем делать следующим образом:
Как Вы можете видеть селекторы расположены через пробел. Селектор, указанный последним в списке – это и есть тот элемент (или группа элементов), который мы выбираем. Селектор (или селекторы), находящиеся левее это тег, в котором находится выбираемый элемент.
Например, при таком выборе $(‘#main p span’); мы выбираем все теги «span», которые находятся в теге абзаца «p», который в свою очередь расположен в теге с идентификатором «main».
5. При помощи дочерних селекторов мы можем указывать на элемент прямой потомок другого элемента.
Например, у нас есть элемент <div внутри которого есть теги абзацев (p). Помимо тегов с абзацами в этом элементе div также расположен еще один элемент div, который также включает в себя теги с абзацами. Но нам необходимо выбрать только теги абзацев, которые находятся непосредственно в <div не включая абзацы из вложенного в него тега div.
Если мы будем действовать по принципу из пункта 4, то выберутся все теги абзацев. А если будем выбирать вот так:
$(‘#main > p’); , то выберутся только теги абзацев дочерние для тега с >
6. При помощи соседних родственных селекторов можно выбрать тег, идущий сразу после другого тега. Где это может быть полезно? Приведу один пример. Допустим у Вас есть заголовок, нажав на который, сразу под ним появляется результат вычисления в теге <span>. До нажатия на заголовок этот тег невидим. В момент нажатия Вы хотите сделать его видимым для пользователя. Вам нужно выбрать этот тег <span>. Это легко можно сделать использовав соседние родственные селекторы, вот так:
Достаточно добавить знак «+» между двумя селекторами. Только не забудьте, что в этом случае тег <span> должен идти сразу за заголовком h3.
7. При помощи селектора атрибута мы может выбрать элемент (или группу элементов) по наличию у него определенного атрибута. Мало того, мы даже можем выбрать элемент, определенный атрибут которого имеет определенное значение. Сейчас Вы все увидите на примерах.
Например, нам нужно выбрать все изображения на странице, которые имеют атрибут «alt». Для этого мы может написать следующий селектор:
Если нам нужно выбрать все теги <input> формы содержащие текст, Вы можете использовать следующий селектор:
Если Вы хотите выбрать тег по атрибуту, значение которого начинается с определенных символов, например, все ссылки, атрибут «href» которых начинается с «http», то селектор атрибута можно применить со специальным символом «^» следующим образом:
Также можно выбирать и элементы, чьи атрибуты заканчиваются определенным образом. Делается это при помощи специального символа «$». Таким образом можно, например, выбрать все ссылки на странице с расширением «.xml» (или каким-то другим).
Если нужно выбрать элемент с атрибутом, в любом месте которого содержится определенное значение, то это можно сделать при помощи специального символа «*». Таким образом, если я хочу выбрать все ссылки на странице, в атрибуте «href» которых содержится значение «website-create.ru», то я могу воспользоваться следующим кодом:
$(‘a[href*=»website-create.ru»]’);
Таким образом я выберу все ссылки, которые могут вести на разные страницы моего блога.
Также мы можем выбирать элементы, значение атрибута которых не содержит конкретное значение. Например, мне нужно выбрать все элементы <input>, кроме тех, у которых текстовый тип. Это можно сделать так:
Вот я Вам и рассказала об основных селекторах, знание которых поможет Вам при выборке элементов веб-страницы.
А теперь давайте поговорим о том, как эти выборки можно фильтровать, сужая свой выбор до определенных элементов с определенными характеристиками.
Фильтры jQuery
Для того, чтобы применить фильтр к выборке, нужно поставить двоеточие после основного селектора и прописать нужный фильтр. Сейчас мы рассмотрим основные фильтры на примерах.
1. Допустим у нас есть таблица с именем класса «mytab» и в ней мы хотим выбрать все четные строки. Для этого мы можем использовать фильтр «:even», который профильтрует по четным значениям индексов элементов массива.
Только не забудьте, что нумерация в массиве начинается с 0. Поэтому фактически этот фильтр выберет все четные индексы (0, 2, 4…), а по сути нечетные строки, так как первый элемент будет иметь индекс со значение 0, а третий – со значением 2.
А чтобы в действительности выбрать четные строки в таблице, мы должны пройтись по нечетным индексам, используя фильтр «:odd».
2. Другой вид фильтров способен выбрать первый или последний элемент из выборки.
Например, я выбираю все абзацы в теге с идентификатором «main», но хочу отфильтровать и взять только первый абзац. Для этого я могу использовать следующий код:
А если мне нужен только последний абзац, то я напишу вот так:
3. Чтобы выбрать элементы, не относящиеся к данному типу селектора, можно использовать фильтр «:not()».
Например, мне нужно выбрать все изображения кроме тех, которые имеют класс «picture». Я могу сделать это следующим образом:
Еще один пример. Например, мы хотим найти все ссылки, начинающиеся не с «http». Для этого используем следующий код:
4. Еще один фильтр позволяет находить элементы, которые содержат другие элементы.
Например, мне нужно найти все теги <li>, но только те, внутри которых есть ссылка (тег <a>). Для этого можно использовать фильтр «:has».
5. При помощи фильтра «:contains» мы можем найти элементы, содержащие определенный текст.
Чтобы найти все ссылки с анкором «здесь», можно использовать следующий код:
6. Для того, чтобы найти скрытые элементы на странице (это элементы, которые мы не видим на странице. Они могут быть скрыты при помощи css, jQuery или иметь нулевые высоту и ширину) можно использовать фильтр «:hidden».
Например, чтобы найти все скрытые элементы <div> на веб-странице, можно написать вот такой код:
Вот, пожалуй, я и познакомила Вас с основными фильтрами. Хочу сразу сказать, что это не все существующие фильтры, есть и еще. В том числе существуют специальные фильтры для работы с формами, но о них я напишу в одном из следующих постов. А сейчас Вы, по крайней мере, познакомились с основными селекторами и фильтрами, применяя которые Вы без труда сможете выбирать любой элемент (или группу элементов) со своей веб-страницы, а потом делать с этим элементом все, что пожелаете, обеспечивая интерактивность своему веб-ресурсу.
Надеюсь, после прочтения этого поста, селекторы и фильтры jQuery станут для Вас не просто непонятным кодом, а Вы будете совершенно четко понимать, что они делают и как их использовать.
И, конечно же, как всегда жду Ваших комментариев. Если статья Вам понравилась – поделитесь ей с друзьями при помощи кнопок социальных сетей (буду очень признательна).
Успехов Вам, друзья! Оставайтесь на связи и подписывайтесь на обновления блога, если еще не подписаны.
А также пишите, какие темы Вам интересны и полезны. Ваше мнение и пожелания Очень Важны.
Как найти скрытый код или текст на странице?
К сожалению, мы не знаем подобных сервисов. Проверку можно осуществлять вручную следующими способами:
- Смотрим исходный код и сверяем с содержанием страницы. Таким образом мы сможем найти, к примеру, скрытый текст, который сливается по цвету с фоном, либо же текст маленького/нулевого размера шрифта. Также полезно будет сверить страницу с ее сохраненной копией в ПС.
- Смотрим, как выглядит страница с отключенными стилями CSS и JavaScript (к примеру, используя надстройку браузера Web Developer).
Так мы найдем скрытые с помощью CSS текстовые блоки, изображения, таблицы. Чаще всего для этого используются свойства “display: none”, “opacity: 0”, “visibility: hidden”, “clip-path: none”, поиск данных элементов можно осуществить вручную в исходном коде.
Хотите получить ответ на свой вопрос? Задайте его нам через телеграм-бота!↓