javascript - jQuery 元素适用于 append() 但不适用于 after()

Question

如果大写锁定打开，我正在修改脚本以在密码字段上显示警告。

如果我使用该方法，我正在构建的元素会很好地添加到页面中，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)