Не удалось получить правильное входное значение из динамического текстового поля

Question

У меня есть входное значение, которое отображается для данных each. Для полного понимания проблемы, увидеть этот GIF:

Кажется, я could't получить правильное значение входного

клиент/JS

var itemEvents = { 
    "click #submitReply" : function(e,t) { 
    e.preventDefault(); 
    var el = t.find("#textReply"); 
    Repliess.insert({ 
     commentId: commentId, 
     text: el.value 
    }); 
    el.value = ""; 
    } 
}; 
Template.commentList.events(itemEvents); 

входное значение

<div class="ui input"> 
    <input id="textReply" type="text" placeholder="Add Comment..."> 
    <button id="submitReply" type="submit" class="ui button">Submit</button> 
    </div> 

Кто-нибудь знает, как заставить его работать правильно? спасибо Youu ..

Answer 1

Я думаю, что требуется первая текстовая область, которая пуста. Попробуйте это:

Template.commentForm.events({ 
"click #submitReply" : function(e,t) { 
    e.preventDefault(); 
    var el = $(e.currentTarget).closest(".ui.input").find("#textReply"); 
    Repliess.insert({ 
     commentId: commentId, 
     text: el.val() 
    }); 
    el.val(""); 
    } 
})