Javascript доступ к тексту до вложенного тега

Question

Если у меня есть

<ul> 
    <li>...</li> 
    <li>...</li> 
    <li>Text before nested content 
    <ul> 
     <li>...</li> 
     <li>...</li> 
    </ul> 
    </li> 
</ul> 

Как я могу получить доступ через JavaScript только Text before nested content без сохранения его в элементе?

Answer 1

Вот решение jQuery.

Вы можете установить class или id вашего li элемента (ничего, который позволит вам выбрать element легко) и использовать следующий код, чтобы получить данные, которые вы хотите:

$("<SELECTOR FOR LI>") 
    .clone() // clone the element 
    .children() // select all the children 
    .remove() // remove all the children 
    .end()  // again go back to selected element 
    .text(); // get the text of element 

Для получения более подробной информации , пожалуйста, прочитайте this article.
Вы также можете проверить этот рабочий пример в JSFiddle.

Update

Вы также можете сделать это с помощью pure JavaScript.

Просто iterate над дочерними узлами (если есть один, по крайней мере), проверьте тип узла (3, значит это text node), и если его true, concat это текст с остальными.

Вот рабочий пример этого в JSFiddle.
Для получения дополнительной информации о типах узлов, пожалуйста, проверьте this link.
Кроме того, вы можете найти полезную информацию о nodeType, nodeName и nodeValue Недвижимость here.

Answer 2

jsFiddle Demo

Вы должны повторять до тех пор, пока не найдете вложенное содержание, а затем возвращает первый childNode, который будет содержать текст.

var top = document.getElementsByTagName("ul")[0]; 
for(var child in top){ 
var c = top[child]; 
if(!c.hasOwnProperty("nodeName"))continue; 
if(c.children.length > 0){ 
    alert(c.childNodes[0].textContent); 
    break; 
} 
}