Почему el.remove() is not a function?

Question

[Сергей Бурдужа]

У меня на сайте есть форма из плагина.
Я ее вставил через виджет и не могу управлять отображением.
По-умолчанию отображаются лейблы, и они занимают место, посему и разрушается верстка.
Я хочу через jquery взять текст из лейбла, вставить как плейсхолдер и удалить эти лейблы.

let putLabelLoginToInput = function() {
        let labelLogin = $('.login-widget .tml-login .tml-log-wrap label').html();
        $('.login-widget .tml-login .tml-log-wrap input').attr('placeholder', labelLogin);

        let labelPasswd = $('.login-widget .tml-login .tml-pwd-wrap label').html();
        $('.login-widget .tml-login .tml-pwd-wrap input').attr('placeholder', labelPasswd);

        labelLogin.remove();

        // $('.login-widget .tml-login .tml-log-wrap label').remove();
        // $('.login-widget .tml-login .tml-pwd-wrap label').remove();
    };
    putLabelLoginToInput();

На данном этапе, лейблы не удаляются, пишет что

jquery-3.4.1.min.js?ver=5.2.2:2 Uncaught TypeError: labelLogin.remove is not a function

Если я раскомментирую код ниже, то все отработает, только дублируются селекторы.

Почему так происходит?

Comments

[Strannyk]

В labelLogin у вас не jQuery объект лежит, в всего лишь его HTML, у которого нет метода remove.

[Сергей Бурдужа]

Strannyk, Значит нужно сделать так $(labelLogin)

[Strannyk]

Сергей Бурдужа, Ни в коем случае, это же не селектор.
"$('.login-widget .tml-login .tml-log-wrap label')" - эту шляпу положите в переменную, берите из нее HTML, а потом удаляйте на здоровье.

[Сергей Бурдужа]

Strannyk, ааааа, теперь я понял в чем моя ошибка!!!

Спасибо.

Опять это невнимательность.

Answer 1

[Eugene Chefranov]

Потому что у вас в переменной labelLogin кусок html, а не селектор

Comments

[Сергей Бурдужа]

Но так

$(labelLogin).remove();
        $(labelPasswd).remove();

тоже не работает

[Eugene Chefranov]

Сергей Бурдужа, а что изменилось? суть осталась та же

[Сергей Бурдужа]

Я понял в чем моя ошибка.
Нужно в переменной забрать только элемент, я забрал вместе с .html()

[Eugene Chefranov]

Сергей Бурдужа,

let putLabelLoginToInput = function() {
        let labelLogin = $('.login-widget .tml-login .tml-log-wrap label');
        $('.login-widget .tml-login .tml-log-wrap input').attr('placeholder', labelLogin.html());

        let labelPasswd = $('.login-widget .tml-login .tml-pwd-wrap label');
        $('.login-widget .tml-login .tml-pwd-wrap input').attr('placeholder', labelPasswd.html());

        labelLogin.remove();
    };
    putLabelLoginToInput();

[Сергей Бурдужа]

Вот так

let labelLogin = $('.login-widget .tml-login .tml-log-wrap label');
        let labelLoginText = labelLogin.text();
        $('.login-widget .tml-login .tml-log-wrap input').attr('placeholder', labelLoginText);

        let labelPasswd = $('.login-widget .tml-login .tml-pwd-wrap label');
        let labelPasswdText = labelLogin.text();
        $('.login-widget .tml-login .tml-pwd-wrap input').attr('placeholder', labelPasswdText);

        labelLogin.remove();
        labelPasswd.remove();

работает))