Элемент jQuery работает с append(), но не после()

Question

Я изменяю скрипт для отображения предупреждения о полях пароля, если включена блокировка CAPS.

Элемент, который я создаю, добавлен на страницу просто отлично, если я использую метод append(), но это не очень расширяемо, поскольку оно будет полагаться на поле пароля, имеющее соответствующий родительский элемент. Я хочу добавить это поле after(), но когда я это сделаю, оно отображается как [object Object].

Вот что я до сих пор:

$(document).ready(function(){ 
    $(":password").bind("keypress", function(e) { 
    el = jQuery('<div/>', { 
     id: 'caps_warning', 
     text: 'CAPS lock is on' 
    }) 

    kc = e.keyCode ? e.keyCode : e.which; 
    sk = e.shiftKey ? e.shiftKey : ((kc == 16) ? true : false); 

    if(((kc >= 65 && kc <= 90) && !sk) || ((kc >= 97 && kc <= 122) && sk)) { 
     el.appendTo(e.currentTarget.parentElement); 
    } else { 
    } 
    }); 
}); 

Я хочу заменить el.appendTo(e.currentTarget.parentElement); с e.currentTarget.after(el);.

Answer 1

e.currentTarget - это узел dom, а не объект jQuery. Кроме того, такой же, как this

Попробуйте

$(this).after(el)