Как выбрать элемент, кроме «div» внутри <td>?

Question

Можно создать дубликат:
Getting text within element excluding decendants

Я пытаюсь использовать :not и .not(), но до сих пор не работает. Я хочу, чтобы результат был только «в понедельник».

Пример разметки:

<td id="day_id"> 
    Monday 
    <div class='spec_class'> 
    <span>One</span> 
    <span>Two</span> 
    </div> 
</td> 

Answer 1

Вы должны смотреть на textNodes элемента

var td = jQuery("#day_id"); 
var textNodes = td.contents().filter(function() { 
     return this.nodeType == 3; 
    }); 

console.log(textNodes.text()); 

JSFiddle

Answer 2

JQuery на самом деле не «делать» текстовые узлы, так что это одна из немногих мест, где вы лучше использовать сырые методы DOM:

var text = "", 
    node; 
for (node = $("#day_id")[0].firstChild; node; node = node.nextSibling) { 
    if (node.nodeType === 3) { // 3 = text node 
     text += node.nodeValue; 
    } 
} 
console.log("[" + text + "]"); // "[ Monday ]" 

Live example | source

Обратите внимание на пробелы до и после, поскольку есть текстовые узлы с пробелами до и после текста «Понедельник». Вы можете использовать $.trim(), чтобы избавиться от него.

Больше чтение:

• DOM2 Core
• DOM2 HTML
• DOM3 Core