unnexpected JQuery .last() поведение

Question

Я пытаюсь создать поле пользовательских ключевые слова для моего сайта,

Дело в том, у меня есть держатель входного Див, где я добавляемых входы, нажав на кнопку, но я проверить

$('div inputs').last().val().length < 3 

, если его меньше, чем 3 я трясти вход, еще:

$('div inputs').last().after('<input type="text" />') 

---

Proble м является, что:

$('div inputs').last().val()

возвращает Allways входное значение первый, что я делаю неправильно?

DEMO

Answer 1

Вы кэшировать свои входы сверху, так что вы всегда используете один и тот же набор входных элементов управления - один.

Определить переменную входы в обратный вызов, и он будет работать:

$('body').on('click','#addkey',function(e){ 
    var inputs = $('#keysInput input'); 

    if(inputs.last().val().length < 3){ 
     $('#keysInput input').last().effect("shake", { times:1, distance: -5 }, 300); 
    }else{ 
     console.log(inputs.last().val()); 
     $('#keysInput input').last().after('<input type="text" placeholder="type another keyword" />');    
    } 
}) 

Answer 2

Что-то вроде этого: демоhttp://jsfiddle.net/pVJXM/5/

Поведение: каждый раз, когда вы вводите 3 характер и все больше и хит + нажмите Вам будет получить добавление inout в конце.

Я использовал var inputs = $('#keysInput input:last'); вместо .last() несколько раз :), который сделает трюк для вас.

Надеется, что это помогает,

коду

var cont = $('#keysInput'); 

var addBtn = $('#addKey'); 

$('body').on('keydown','#keysInput',function(e){ 

}); 

$('body').on('click','#addkey',function(e){ 

    var inputs = $('#keysInput input:last'); 

    if(inputs.val().length < 3){ 
     inputs.effect("shake", { times:1, distance: -5 }, 300); 
    }else{ 
     console.log(inputs.last().val()); 
     inputs.after('<input type="text" placeholder="type another keyword" />');    
    } 
}) 




​ 

Answer 3

В начале сценария вы выбрали inputs:

var inputs = $('#keysInput input'); 

После того, что вы используете этот конкретный набор значений, когда сценарий , который не содержит вновь созданных полей. Другими словами: вы работаете на inputs, содержащий только одно поле (начальное).

Решение состоит в том, чтобы просто переустановить значение (список выбранных входов) этой переменной.