Как я могу использовать регулярное выражение для поиска контента на странице с помощью jQuery?

Question

Как я могу использовать регулярное выражение для поиска контента на странице с помощью jQuery?

0

Поэтому я пытался сделать $ (document).match(/regexp/); и я продолжаю получать "undefined не является функцией"

Когда я делаю $ (document) html(). Match (/regexp/); TypeError: Не удается прочитать свойство "match" undefined

Регулярное выражение, которое я использую, это /^[~{.*?}~]$/. Все, что я хочу сделать, это поиск документа html для [~ {любого типа ввода} ~], чтобы затем я мог заменить его на правый код с помощью jQuery. По сути, я буду создавать свой собственный шаблонный движок. Нынешние, либо не делают то, что мне нужно, либо слишком раздуты.

<body>

    [~{ header }~]


    <p>This is the home page</p>


    [~{ footer }~]

</body>

Поэтому, я думаю, я был неясно, что мне нужно сделать, это найти текст внутри "[~ {" and "} ~]". Затем, поместив его в переменную и определив, что с ним делать, я снова найду все выражение, но на этот раз я заменю его другим контентом.

Так

[~{ header }~]

Я бы нашел это с совпадением или чем-то, извлеките текст заголовка в переменную. Оттуда у меня будет функция. Функция вернет что-то сделать, как получить получение html-страницы и загрузить ее. Но тогда ему придется снова найти выражение, чтобы заменить его.

jemiloii 18 апр. 2014, в 23:11

Источник

0

Итак, в основном вы хотите использовать регулярные выражения для создания шаблонизатора? Звучит великолепно.
adeneo 18 апр. 2014, в 20:54
0

да, я решил, что могу просто найти текстовый узел, а затем заменить его содержимым или загрузить страницу.
jemiloii 18 апр. 2014, в 20:56
0

Да, regex отлично подходит для разбора HTML, но сейчас вы используете «строка начинается с» и «строка заканчивается», поэтому она не совпадает.
adeneo 18 апр. 2014, в 20:57
0

Так должен ли я просто искать строку, начинающуюся с выражения?
jemiloii 18 апр. 2014, в 21:11

Показать ещё 2 комментария

Теги:

jquery

regex

match

replace

template-engine

1 ответ

Ещё вопросы

Итак, в основном вы хотите использовать регулярные выражения для создания шаблонизатора? Звучит великолепно.
да, я решил, что могу просто найти текстовый узел, а затем заменить его содержимым или загрузить страницу.
Да, regex отлично подходит для разбора HTML, но сейчас вы используете «строка начинается с» и «строка заканчивается», поэтому она не совпадает.
Так должен ли я просто искать строку, начинающуюся с выражения?

Barmar · Accepted Answer · 2014-04-18T18-47-00.000Z

1

Лучший ответ

$(document) возвращает объект jQuery, а не строку. Вам нужно вызвать html() чтобы получить содержимое HTML документа. Ты можешь сделать:

$('body').html(function(contents) {
    return contents.replace(/regexp/, 'replacement');
});

Если вы просто хотите увидеть матч:

var match = $('body').html().match(/regexp/);
console.log(match);

Barmar 18 апр. 2014, в 18:47

0

Как бы я смог увидеть, что он вернулся? Мне нужно видеть содержимое найденного регулярного выражения. Спасибо!
jemiloii 18 апр. 2014, в 21:06
0

Смотрите обновленный ответ
Barmar 18 апр. 2014, в 21:14
0

Это было второе, что я попробовал, что дало TypeError: Невозможно прочитать свойство 'match' из неопределенного
jemiloii 18 апр. 2014, в 21:20
0

Хм, $(document).html() возвращает null . Я изменил на $('body') .
Barmar 18 апр. 2014, в 21:23
0

Хм, интересно. Единственное, что нужно, - это получить /^[~-199.E??~~~~~~~~~~~~, если я помещаю текстовый узел "regexp" и выполняю .match (/ regexp /), он возвращает текстовый узел "regexp" , Однако, когда я добавляю более сложное регулярное выражение, оно просто возвращает ноль.
jemiloii 18 апр. 2014, в 21:42
0

Если он возвращает null, то ничто не соответствует регулярному выражению, которое вы дали. Не забывайте, что [ имеет регулярное выражение в специальном значении, вы должны избегать его, если вы хотите, чтобы оно совпадало буквально.
Barmar 18 апр. 2014, в 21:45
0

Кроме того, якоря ^ и $ соответствуют началу и концу документа. Вы не хотите, чтобы они были в вашем регулярном выражении, так как вы хотите соответствовать шаблонам в любом месте документа.
Barmar 18 апр. 2014, в 21:46
0

Поэтому я пытаюсь сделать это сейчас: match = $ ('body'). Html (). Match (/ \ [~ \ {. *? \} ~ \] /); console.log (совпадение); я думаю, что это не нравится мое выражение, однако, когда я иду на regexpal.com, он покажет, что я хочу найти. Я принял ваш совет и удалил ^ $
jemiloii 18 апр. 2014, в 21:52
0

Вы все еще не избежите квадратных скобок. Попробуйте: /\[ /\[~\{.*?\}~\]/ .*? /\[~\{.*?\}~\]/ .
Barmar 18 апр. 2014, в 21:55
0

Может быть, вы избежали их, но я не мог этого увидеть. Поместите код в символы обратной галочки, чтобы он буквально появлялся в комментарии.
Barmar 18 апр. 2014, в 21:56
0

Кроме того, если текст в скобках может занимать несколько строк, вам нужен модификатор s , чтобы разрешить . соответствовать новым строкам.
Barmar 18 апр. 2014, в 21:57
0

Ого, у меня был полный сбой, я не ждал загрузки DOM. После того, как я поместил код в $ (function () {}), он сработал, пока он загружал только первое выражение
jemiloii 18 апр. 2014, в 22:03
0

Если вы хотите, чтобы он совпадал несколько раз, вы должны использовать модификатор g . Затем он возвращает массив всех совпадений.
Barmar 18 апр. 2014, в 22:04
0

ах да г, ага, твой удивительный! Большое спасибо!
jemiloii 18 апр. 2014, в 22:04
0

У меня есть другой вопрос, если вы заинтересованы. stackoverflow.com/questions/23163396/...
jemiloii 18 апр. 2014, в 22:31

Показать ещё 13 комментариев