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)