jQuery元素可用于append（），但不能用于after（）

Question

我正在修改脚本以在CAPS锁定处于打开状态时在密码字段上显示警告。

如果我使用append()方法，则将要构建的元素很好地添加到页面中，但这不是很可扩展，因为它将依赖于具有相关父元素的password字段。 我想要做的是在after()密码字段中添加它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)