javascript - 如果选中复选框，则选择 div

Question

如果选中“myCheck”内的输入复选框，如何选择“容器”div？
我正在使用 jquery 打印区域插件，所以基本上如果选中复选框，我需要选择容器 div，因此代码应类似于 $(".myCheck input:checked > div").printArea();

这是我的 HTML:

<div class="content">
        <div class = "myCheck"><input type="checkbox" />
            <div class = "container"> 
                <img src="https://www.kent.ac.uk/graduateschool/images/email-thumbnail.jpg" alt="My new Image">
            </div>
            </div>
        </div>

我尝试使用 > 选择器，但它似乎不起作用:

alert( $(".myCheck input:checked > div").printArea()

还尝试过这个:

alert( $(".myCheck input:checked").children()).printArea()

Answer 1

您可以使用.next()

$('input').on('change', function(){
  console.log($(".myCheck input:checked").next().html());
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content">
  <div class = "myCheck"><input type="checkbox" />
    <div class = "container"> 
      <img src="//placehold.it/50" alt="My new Image">
    </div>
  </div>
</div>