模板助手可动态设置div ID，流星

Question

我有这个模板事件：

'click .edit_user_button': function(ev){
        ev.preventDefault();

        var id = this._id;

        var children = $("'#" + id + "'");

        console.log(children);

        children.css('display', 'inline-block');
    }

我想针对此输入：

<input class='user_input form-control edit_fields' id='username_field {{_id}}' type="text" name='username' placeholder="username">

但我无法正常工作。 模板具有范围，并且this._id与模板中的{{_id}}相匹配。

Answer 1

children应该是针对input的变量吗？

这只是基本的jQuery。

var input = $('input[username]').val();

Answer 2

这不是手动进行DOM操作的流星方法。 如果您希望元素上的类是动态的，则只需编写一个辅助函数即可从反应式变量（集合，会话或reactVar）返回该类。 例如，要以无功方式禁用输入，请执行以下操作：

<input id="chopoffthehead" disabled={{isDisabled}}/>

辅助功能：

isDisabled: function() {
  return  Session.get('isCreatureHydra');
}

这样，只要将会话变量isCreatureHydra设置为true，就将禁用输入。