Home/ Questions/Q 7007581
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T21:37:32+00:00

I’m learning Backbone.js and got stuck on this simple example. Could you explain what’s

  • 0

I’m learning Backbone.js and got stuck on this simple example. Could you explain what’s wrong with this code, that makes the alert box show up empty?

<html>
    <head>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.2.2/underscore-min.js" type="text/javascript"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.5.3/backbone-min.js" type="text/javascript"></script>
    </head>
    <body>
    <div id="test_div">test</div>
    <script>
        $(function() {
            TestView = Backbone.View.extend({
                tagName: "div",
                initialize: function() {
                    alert(this.$("#test_div").text());
                }
            });
            window.App = new TestView;
        });
    </script>    
    </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What are you expecting? There is no text in your div, therefore it alerts empty. If you want to see text in there you’ll have to add some to this.el first.

    Edit: this.$ is scoped to this.el I see that you’re trying to access that. Unless you specify this.el to be body like

    TestView = Backbone.View.extend({
  el: "body",
  ...

    Then this.$ will work. However, you can simply omit the this and use $("#test_div").text()

    • 0