Как по клику вне формы — удалить инпуты?

Question

[semki096]

Как по клику вне формы - удалить инпуты? Форма добавляется js по клику . Но тут ещё проблема - этих форм несколько и они однотипны, надо чтобы и по клику на другую форму закрывалась предыдущая, а по клику в молоко - закрывались все формы (вернее не закрывались а из них удалялись инпуты). Спасибо.

Answer 1

[Ernest Faizullin]

примерно так могу предложить

$(document).on('click', function(event) {
    var $target = $(event.target);
    var $clickedForm = $target.closest('form').length > 0 ? $target.closest('form') : null;

    if ($clickedForm)
        $('form').not($clickedForm).remove();
    else
        $('form').remove();
});

upd: чтобы скрывать не форму а кнопку input submit

$(document).on('click', function(event) {
    var $target = $(event.target);
    var $clickedForm = $target.closest('form').length > 0 ? $target.closest('form') : null;

    if ($clickedForm)
        $('form').not($clickedForm).find('input[type="submit"]').remove();
    else
        $('form').find('input[type="submit"]').remove();
});

Comments

[semki096]

да это работает отлично. Но я только учусь, не подскажете - мне надо скрывать не всю форму а только input supmit. Если пишу ('form input') то код не работает (

[Ernest Faizullin]

semki096: добавил вариант

[semki096]

Спасибо огромное, всё работает!