javascript - 如何聚焦文本区域点击主类

Question

我创建了这个 DEMO 当你点击文本区域时，你可以看到评论文本区域，然后 .CinP 背景颜色会改变。我还希望在单击 .CinP 时，.Cj4Jbc 文本区域将成为焦点。

我该怎么做？任何人都可以在这方面帮助我吗？

HTML :

<div class="container">
   <div class="CinP">
      <img src="http://www.technobuffalo.com/wp-content/
                uploads/2015/01/neytiri-avatar-5824.jpg"
           class="FhCbmb" width="36px" height="36px" />
      <div class="SO1PZd">
         <div class="ejZfNc">
            <textarea class="Cj4Jbc" id="InXt10" placeholder="Comment"></textarea>
         </div>
         <div class="O0WRkf">SEND</div>
      </div>
   </div>
</div>

JS :

$(".CinP").focusin(function() {
    $(this).css("background-color", "#fefefe");
});

$(".CinP").focusout(function() {
    $(this).css("background-color", "#000000");
});

Answer 1

如果我正确理解了要求，那么这应该可以解决问题。 Working codepen

$(".CinP").click(function() {
     $(this).find('textarea.Cj4Jbc').focus();
});