javascript - 用jquery删除按钮序列

Question

我正在开发一个网站，我将在其中制作一个带有序列的删除按钮，我的意思是只需一个按钮即可删除两个输入字段，可以在 jQuery 中执行吗？

这是我的 HTML 代码:

a: <input type="text" maxlength="5" id="username" />
c: <input type="text" maxlength="5" id="password" />
<button type="button" class="delete">
Delete
</button>

这是我的 jQuery 代码:

$("input").bind("input", function() {
    var $this = $(this);
  setTimeout(function() {
    if ( $this.val().length >= parseInt($this.attr("maxlength"),10) )
        $this.next("input").focus();
    },0);
 });

$('#password').on('input', function(){
  if($(this).val() == ''){
    $('#username').focus();
    return false;
  }
});

$(document).on('click', '.delete', function(e){
                        if($('#password').val == '') {
                var $content = $('#username');
            } else if ($('#password').val !== '') {
                var $content = $('#password');
            }
            var html = $content.val();
            $content.val(html.substr(0, html.length - 1));
            if($content.val() == '') {
            $('#username').focus();
            } else if ($content.val() !== '') {
            $content.focus();
            }
            return false;
    });

JSFiddle Demo

我自己尝试过，但是没有成功!

Answer 1

您在 delete 函数开始时忘记了 val 检查中的括号。在每个中将 val 更改为 val():

if($('#password').val() == '') {
    var $content = $('#username');
} else if ($('#password').val() !== '') {
    var $content = $('#password');
}