Значение undefined после добавления Jquery

Question

У меня возникли проблемы с добавлением функции. Я использую этот код:

        $('.videoblock .title').each(function(){            
        var href = $(this).attr('href');
        $('body').append('<input type="text" id="'+i+'" value="'+href+'">');
        $('body').append($(this).attr('title'));            
    }); 

Это вернет 2 поля ввода со значением: undefined и правильным значением. Как это может быть?

С уважением,

Frank

Answer 1

Это потому, что он обновляет DOM неправильно. Когда вы используете append, он переопределит тело innerHTML, заставляя DOM генерировать все новые элементы, делая ваши старые элементы undefined. Используйте append(element) вместо append(html).

Answer 2

Если значение ввода не определено, то это означает, что оно возвращается неопределенным для href. Элементы с тегами "title" класса имеют href? Я бы отладил и убедился, что $ (this) действительно то, что вы думаете.