在javascript中找到内部div内的输入文本

Question

我希望专注于某个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();

但不起作用......任何想法？

Answer 1

您从班级选择器中省略了.：

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

JS Fiddle demo

但为了简洁起见，我建议缩短：

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

JS Fiddle demo

参考文献：

• find()。