Фильтр не работает на нескольких элементах

Question

Фильтр не работает на нескольких элементах

0

Я использую фильтр следующим образом

$("body div header").find("*").addBack().contents().filter(function(){
    console.log(this.nodeType);
    return this.nodeType === 3;
}).each(function() {
    $(this).parent().html(this.nodeValue.replace(/abc/g, '<span class="abc">abc</span>'));
})

Но это не работает, поскольку он не добавляет класс к совпадающим словам. http://jsfiddle.net/hrEyC/3/

Что может быть неправильным? Как я могу сделать это без учета регистра?

KayKay 13 нояб. 2013, в 19:17

Источник

0

в вашем html нет тега заголовка, так как вы используете его в скрипте
Sachin 13 нояб. 2013, в 18:10
0

Пожалуйста, включите соответствующий HTML в ваш вопрос.
James Montagne 13 нояб. 2013, в 18:11

Теги:

jquery

1 ответ

Ещё вопросы

в вашем html нет тега заголовка, так как вы используете его в скрипте
Пожалуйста, включите соответствующий HTML в ваш вопрос.

raina77ow · Accepted Answer · 2013-11-13T16-20-00.000Z

Очевидно, что в вашей разметке нет header, поэтому самый первый объект jQuery, который вы пытаетесь обработать, пуст.

Тем не менее, весь подход немного неправильный: разные текстовые узлы будут иметь тот же узел, что и родительский, но вы в основном переписываете этот узел innerHTML каждый раз. На самом деле, поскольку большинство текстовых узлов первого ребенка в этом примере имеют '\n ' аромат, все остальные не имеют значения - они исчезнут после первого соответствующего $(this).parent().html() вызов.

То, что вы на самом деле должны использовать, - это метод replaceWith jQuery. Например:

$("body div").find("*").addBack().contents().filter(function(){
    return this.nodeType === 3 && /abc/i.test(this.nodeValue);
}).replaceWith(function() {
  return this.nodeValue.replace(/(abc)/g, '<span class="abc">$1</span>');
});

Демо. Здесь я подрезал список узлов, которые нужно обрабатывать с помощью replaceWith дополнительно (с помощью /abc/.test(...)) - чтобы сделать этот список максимально тонким.

Чтобы сделать этот поиск нечувствительным к регистру, я добавил модификатор /i к обоим регулярным выражениям (и использовал $1 в заменяющей строке, а также - вы не хотите, чтобы "ABC" стала "abc" при подсвечивании).

моя вина. Как сделать поиск нечувствительным к регистру?
Обновлен ответ на примере без учета регистра.
последняя помощь Помогите мне понять код. Я хочу узнать, как работает цепочка, фильтр, что делает 1 доллар и т. Д., Это поможет мне прояснить некоторые основы, и я знаю, когда что применять, когда я сталкиваюсь с этим в следующий раз.
Ну, это довольно просто на самом деле. С помощью find и addBack вы собираете все дочерние элементы элемента body div и самого элемента. С помощью contents().filter() вы собираете все текстовые узлы этих элементов (что делает проверка nodeType === 3 ), но только если они содержат строку abc . Наконец, с помощью replace вы переносите любую строку, заданную в этом регулярном выражении, в span : $1 используется для сохранения текста, который изначально был в строке.