Матч текстовых файлов в div с JQuery [дубликат]

Я получал много пустых текстовых узлов с принятой функцией фильтра. Если вы заинтересованы только в выборе текстовых узлов, которые содержат не-пробелы, попробуйте добавить nodeValue к вашей функции filter, как простой $.trim(this.nodevalue) !== '':

$('element')
    .contents()
    .filter(function(){
        return this.nodeType === 3 && $.trim(this.nodeValue) !== '';
    });

http://jsfiddle.net/ptp6m97v/

Или во избежание странных ситуаций, когда содержимое выглядит как пробелы, но не является (например, символ мягкого дефиса ­, строки новой строки \n , вкладки и т. д.), вы можете попробовать использовать регулярное выражение. Например, \S будет соответствовать любым символам без пробелов:

$('element')
        .contents()
        .filter(function(){
            return this.nodeType === 3 && /\S/.test(this.nodeValue);
        });

Если вы можете сделать предположение, что все дети являются либо узлами элементов, либо текстовыми узлами, то это одно из решений.

Чтобы все дочерние текстовые узлы представляли собой набор jquery:

$('selector').clone().children().remove().end().contents();

Чтобы получить копию исходного элемента с удаленными дочерними элементами:

$('selector').clone().children().remove().end();

Для меня, казалось, что старый старый .contents() работал, чтобы возвращать текстовые узлы, просто нужно быть осторожным с вашими селекторами, чтобы вы знали, что они будут текстовыми узлами.

Например, это завернутое все текстовое содержимое TDs в моей таблице с тегами pre и не было проблем.

jQuery("#resultTable td").content().wrap("<pre/>")

$('body').find('*').contents().filter(function () { return this.nodeType === 3; });

У меня была та же проблема и я решил:

Код:

$.fn.nextNode = function(){
  var contents = $(this).parent().contents();
  return contents.get(contents.index(this)+1);
}

Использование:

$('#my_id').nextNode();

Как next(), но также возвращает текстовые узлы.

Jauco опубликовал хорошее решение в комментарии, поэтому я копирую его здесь:

$(elem)
  .contents()
  .filter(function() {
    return this.nodeType === 3; //Node.TEXT_NODE
  });

Можно также сделать так:

var textContents = $(document.getElementById("ElementId").childNodes).filter(function(){
        return this.nodeType == 3;
});

Вышеупомянутый код фильтрует текстовые узлы из дочерних дочерних узлов дочерних узлов данного элемента.