Используйте jquery, чтобы найти первый дочерний узел с текстом

Question

Мне нужно выбрать первый бит читаемого текста элемента.

<li>
Hello world
</li>

и

<li>Hello world</li>

следует читать «Hello world»

<li>
<span>Hello Jupiter</span>
What's up?
</li>

следует читать «Привет, Юпитер»

У меня проблемы с пробелами, поэтому

function getTextFromFirstChild(el) {
    return $(el).contents().first().text();
}

вернет lf, но больше ничего (это ведь первый текстовый узел)

Answer 1

function getTextFromFirstChild(el) {
    return $(el).contents(":not(:empty)").first().text();
}

, кажется, делает трюк

Answer 2

Попробуйте:

.contents().first().text()

Answer 3

Я бы сделал это:

$("selector").contents().filter(function() {
    return (this.innerText) ? this.innerText.match(/\S/) : false;
}).first();

Answer 4

Я думаю, что лучший способ сделать это с помощью рекурсии:

function getTextFromFirstChild(el) {
    var ch = $(el).children();
    if (ch.length < 1) return $(el).text();
    alert($(el).html());
    return getTextFromFirstChild(ch[0]);
}

Answer 5

Я бы сделал это:

function getTextFromFirstChild(el) {
    var result;
    $(el).contents().each(function() {
        if( result = $.trim( $(this).text() ) ) {
            return false;
        }
    });
    return result;
}

Зацикливание содержимого, обрезка пробела из содержимого текста.Если усеченное содержимое дает достоверный результат, оно вызовет return false; разрыв цикла и возврат результата.