如何将动态添加的锚标记添加到下划线模板

Question

我正在创建一个模板，有一个动态创建的锚标记。我需要将其添加到我的下划线模板中。

并且在下面的方法 setIconClass 中，我返回 class，但是一旦执行 setIconClass 方法，class 为空，我需要附加 class到我的锚标签

这是我试过的：

HTML:

<div id="section">
 <div class="container abc"></div>
 <div class="container def"></div>
</div>

JS:

define(['underscore', 'backbone'], function(_, Backbone) { 
   var View = Backbone.View.extend({ 
     el: "#section",
     initialize: function() {
       this.render();
     },
render: function() {
            var that = this;
            var _container = "", _linkURL = "", _targetWindow="",_domain="", _class="";
            _container = $('.container');
            if(_container.length > 0){
                $(_container).each(function(){
                    _targetWindow = $(this).attr('window');
                    _domain = $(this).attr('dom');
                    _linkURL = _domain + $(this).attr('url');
                    that.setIconClass($(this),_class);
                    $(this).wrapInner('<a class="'+_class+'" href="'+_linkURL+'" target="'+_targetWindow+'"></a>');
                });
            }
        },
setIconClass : function(checkClass,_class){
            var _dClass = (checkClass) ? checkClass.attr('class').toLowerCase() : "";
            if(_dClass.indexOf('abc') > 0){
                _class="abc";
                return _class;
            }
            else if(_dClass.indexOf('def') > 0){
                _class="def";
                return _class;
            }
        }
   });


});

Answer 1

您需要分配 _class 等于 setIconClass 的 return 值。 Javascript 是按值传递。

_class = that.setIconClass($(this),_class);

如何将动态添加的锚标记添加到下划线模板

How to Add Dynamically added anchor tag to the underscore template

html

javascript

jquery

backbone.js

underscore.js