получить innerText с jQuery вместо innerHTML

Question

У меня есть figcaption, и я бы хотел, чтобы текст был из него. Это то, что похоже на инспектор элементов в хроме. По какой-то причине «innerHTML» начинается с возврата, а затем множества пробелов. «InnerText», однако, выглядит хорошо, поэтому я заинтересован в этом.

Интернет Я вижу, я должен использовать метод text(), чтобы получить InnerText, но, кажется, дает innerHTML:

console.log("-"+$(this).find("figcaption").text()+"-"); 

Так как я могу добраться до InnerText?

Answer 1

При создании HTML-элемент, такой как:

<p>Hello   World</p> 

Когда, которая визуализируется браузером, пробельные по умолчанию свернута. Результатом будет «Hello World». Это свертывание данных происходит во время рендеринга браузера. Модель DOM, содержащаяся в браузере, поддерживает фактический текст, включая любые пробелы, содержащиеся в нем. Таким образом, то, что вы видите на экране, может не совпадать с данными, содержащимися в DOM.

Данные, разделенные пробелом, доступны через свойство DOM, называемое «innerText».

A jsBin образец, содержащий данные, предоставленные.

Демонстрационный код в основном:

HTML

JavaScript

$(function() { 
    $("button").click(function() { 
    console.log("text: " + $("#here").text()); 
    console.log("innerText: " + $("#here").prop("innerText")); 
    }); 
}); 

Консоль зарегистрирует:

text: Hello  World 
innerText: Hello World 

Из вашего исходного вопроса использование метода text() возвращает данные DOM, а использование prop("innerText") возвращает вычисленное значение innerText, которое построено в браузере.