Tooltip Ellipsis inside backbone view render method

row_template.html

<script id="componentTypeRowTpl" type="text/html">
      <td>{{ name }}</td>
      <td class="ellipsis_100">{{ description }}</td>
</script>

tooltip_ellipses_snippet.js

//Create a reference to this scope as the view 
                //variable so that we can reference this scope
                //from inside the closure below
                var view = this;
                
                //For each match, we get an index and the matched node
                this.$('.ellipsis_100').each(function(index, node) {
                
                    //Convert the dom node into a jQuery object of the node
                    //so that we can use jQuery methods on it
                    var $node = view.$(node);
                
                    //Check the length using the jQuery html() function
                    if($node.html().length > 100){
                
                        //Add a tooltip using twitter bootstrap components
                        $node.tooltip({
                            title : $node.html(),
                            delay : 300,
                            placement: 'top'
                        }); 
                
                        //Now that the tooltip is set, we cut the html of the node
                        //and add an ellipsis at the end
                        $node.html($node.html().substring(0,100) + '…');
                    }
                });

ffffffff