javascript - 在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 小提琴演示。

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

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

JS 小提琴演示。

参考：

• find().