jQuery - после добавления значения в поле ввода, не учитывается функцией фильтра

0

Я хотел бы добавить текстовый элемент в пустой div, * В случае, если текстовый элемент не находится в div/not empty text input в div.. *

После того, как я добавил некоторое значение в первое поле ввода, он должен создать новый элемент, но это не так.

опять же, в случае, если я добавлю значение и удалю его, тогда я не хочу создавать новые входные данные, добавленные в div... (он может быть сфокусирован на первом пустом поле ввода, хотя есть несколько входов)

вот моя попытка:

$("a").on("click", function () {

        var newAssociates = $("#content").find(":input:text");

        var emptyAssociates = newAssociates.filter(function(index) {
            return $.trim ( this.value === "" );
        });

    if ( !emptyAssociates.length ) {        
        $("#content").append( $("<input />"));
    }

} )

Демо-версия

Заранее спасибо!

Теги:
jquery-selectors

1 ответ

1
Лучший ответ

Модифицируйте свой метод filter следующим образом:

var emptyAssociates = newAssociates.filter(function(index) {
     return $.trim(this.value) === "";
});

Демо: скрипка

  • 0
    да, вы правы, вот еще одна проблема, после того, как я добавлю некоторое значение для ввода, я получаю добавленный новый элемент. все же в случае, если я удаляю значение из добавленного элемента, я не должен создавать новый элемент, и первый пустой элемент должен быть сфокусирован .. вы можете обновить это?
  • 0
    @ 3gwebtrain Вот обновленная скрипка

Ещё вопросы

Сообщество Overcoder
Наверх
Меню