JQuery селектор - выберите значение не внутри другого вложенного тега

Question

Можно ли выбрать значение тега, который не находится внутри другого вложенного тега?

Например, в следующем коде я хочу получить 'Текст, который я хочу выбрать' из $ ('# пример').

<td id="example">
    <a> Text I don't want to select</a>
    <span> Other text I don't want to select</span>
    Text I want to select
    <anyOtherTag> Other text I don't want to select</anyOtherTag>
</td>

Спасибо.

Answer 1

Вы можете использовать .contents() и .filter() для типов текстовых узлов (nodeType == 3), например:

var text = $("#example").contents().filter(function() { 
              return this.nodeType == 3; 
           }).text();
alert($.trim(text));

Вы можете попробовать это здесь . так как .text() получает все текстовые узлы, включая другие пробелы, вы, вероятно, захотите $.trim() (поскольку IE <9 не имеет <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/Trim" rel="nofollow">String.trim()) результат, как я иметь выше.