некоторые проблемы с .text() в JQuery

Question

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> 
    </script> 
<div id="divTest1"></div> 
<script type="text/javascript"> 
     $("#divTest1").text("Hello, world!").css("color", "blue"); 
     console.log($("#divTest1").text("Hello, world!")); 
</script> 

В консоли> хром-он показывает: [div#divTest1, context: document, selector: "#divTest1", jquery: "1.10.1", constructor: function, init: function…]

Здесь (http://api.jquery.com/text/) сказано: .text() method returns the value of text and CDATA nodes as well as element nodes.

Вопросы:

1. Как найти значение текста в консоли?

2. В чем разница между узлами CDATA и узлами элементов?

Answer 1

$("#divTest1").text("Hello, world!") является примером для text() вам нужно использовать поглотитель, как это.

$("#divTest1").text()

Когда вы console.log($("#divTest1").text("Hello, world!")); он возвращает объект Jquery над элементом DOM для построения цепочки цели после установки текста и то, что вы видите в консоли.

Попробуйте это:

$(function(){ 
    $("#divTest1").text("Hello, world!").css("color", "blue"); 
    console.log($("#divTest1").text()); 
}); 

Для вашего второго вопроса см this:

CDATA секция используется, чтобы избежать блоков текста, которые могли бы быть обработаны как разметка. В веб-разработке они часто используются для включения непредсказуемого HTML в другую форму XML или для программного кода, такого как скрипты и информация о стиле.