jQuery元素与append()一起使用但不在()

时间:2017-01-27 13:30:57

标签: javascript jquery html append jquery-after

如果启用了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);

1 个答案:

答案 0 :(得分:5)

e.currentTarget是一个dom节点,而不是一个jQuery对象。它也与this

相同

尝试

$(this).after(el)