0

いくつかの div 内のテキスト入力にフォーカスしたいのですが、次の html コードがあります。

<div class="place">
<div class="flip">
<div class="front"><img src="myAvatar.png"></div>
<div class="back">
<div class="name">MyName</div>
<input type="password" class="password" placeholder="Password" autocomplete="off">
<div class="button">Sign in</div>
</div>
</div>
</div>

JavaScript では、この方法でフリップ div に触れたときに検出できます。

$('.flip').click(function(){
            $('.flip').removeClass('initiate');
            $(this).addClass('initiate');
            //$(this).children('back').children('.password').focus();
        });

しかし、テキスト入力に焦点を合わせたいのですが、どうすれば見つけることができますか? 私はこの方法で試しました：

$(this).children('back').children('.password').focus();

しかし、うまくいきません...何か考えはありますか？

4

1 に答える 1

1

.class-selector から を省略しました:

$(this).children('.back').children('.password').focus();

JS フィドルのデモ。

ただし、簡潔にするために、次のように短縮することをお勧めします。

$(this).find('.password').focus();

JS フィドルのデモ。

参考文献:

于 2012-10-20T23:50:37.857 に答える