Как вывести содержимое div`a в js?

Question

[Bowen]

<div class="text">4025</div>

Мне нужно вывести содержимое класса text в js.

var chartData = [{
"country": "USA",
"visits": Тут надо вывести те самые цифры из div.text,
"color": "#FF0F00"
}];

Я делаю так:

var number = $('.text').text();

var chartData = [{
"country": "USA",
"visits": number,
"color": "#FF0F00"
}];

но не работает, может я не так делаю или что-то упускаю, помогите пожалуйста найти правильное решение.

Вся функция

var chartData = [{
                "country": "USA",
                    "visits":  4025,
                    "color": "#FF0F00"
            }];


            var chart = AmCharts.makeChart("chartdiv", {
                type: "serial",
                dataProvider: chartData,
                categoryField: "country",
                pathToImages:"../amcharts/images/",
                depth3D: 20,
                angle: 30,

                categoryAxis: {
                    labelRotation: 90,
                    gridPosition: "start"
                },

                valueAxes: [{
                    title: "Visitors"
                }],

                graphs: [{

                    valueField: "visits",
                    colorField: "color",
                    type: "column",
                    lineAlpha: 0,
                    fillAlphas: 1
                }],

                chartCursor: {
                    cursorAlpha: 0,
                    zoomable: false,
                    categoryBalloonEnabled: false
                },

                amExport: {
                    top: 21,
                    right: 21,
                    buttonColor: '#EFEFEF',
                    buttonRollOverColor:'#DDDDDD',
                    exportPNG:true,
                    exportJPG:true,
                    exportPDF:true,
                    exportSVG:true
                }
            });

Answer 1

[andreyqin]

Как это не работает?

Answer 2

[Bowen]

А поле .text у тебя одно?

Да одно.

andreyqin

Нет, так не работает.

Answer 3

[yttrium]

$('.text').eq(0).text();

Comments

[Bowen]

не работает, чтоб работало мне
var chartData = [{
"country": "USA",
"visits": тут нужно вывести те цифры(и только цифры),
"color": "#FF0F00"
}];

[Bowen]

Пробовал не выходит...

[yttrium]

С помощью обёртки $(function(){}); ждём создание DOM
$(function(){
...
var chartData = [{
"country": "USA",
"visits": $('.text').eq(0).text(),
"color": "#FF0F00"
}];
...
});

[Bowen]

Uncaught ReferenceError: $ is not defined _exporting_to_multiple_formats.html:17
(anonymous function) _exporting_to_multiple_formats.html:17

[Bowen]

когда делаю так
var chartData = [{
"country": "USA",
"visits": parseInt( $('.text').eq(0).text() ),
"color": "#FF0F00"
}];

[Bowen]

да, если бы не подключил не работал плагин вообще.

[yttrium]

$('.text').eq(0).text() * 1 - умножение на единицу тоже конвертит в цифру

[Bowen]

проблема в том что вместо того чтобы вывести цифры из div`a он понимает это parseInt( $('.text').eq(0).text() ) как любой другой текст кроме цифр.

[Bowen]

ВСЕ, решил проблему, я то бился об стену в чем дело(я не заметил но jquery не был подключен правильно (написал лишнюю букву) и вот в чем была проблема, простите пожалуйста моя ошибка )

[yttrium]

@lumierecyril может ты хотел сказать "неявное приведение типов"?

[Bowen]

Спасибо всем участникам!

[yttrium]

@lumierecyril талант

[andreyqin]

@Bowen, на будущее - подключайте jQuery так:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

[Bowen]

Я знаю как подключать, обычно я делаю все правильно, первый раз такое )

Answer 4

[Виктор Корейша]

Рискну предположить отсутствие jquery, либо $(document).ready(function(){});