html - 选中复选框时如何定位外部 Div

Question

我想在选中复选框时定位一个 div。谁能告诉我如何在选中复选框时定位外部 div？

Answer 1

if($('.checkboxClassName').checked) {
    $(this).parent();
}

它将以复选框所在的父 div 为目标，如果旅游目标不在同一个父级中，您可以使用更多的 .parent() 。示例:如果您的代码是这样的:

    <div class="container">
      <div class="target"></div>
      <div class="parent">
        <div class="checkboxDiv">
            <input type="checkbox">
        </div>
      </div>
    </div>

如果你想定位 div.target，你需要这样的代码:

    if($('.checkboxClassName').checked) {
      $(this).parent().parent().parent().find(".target").css('background','magenta');
    } else { 
      $(this).parent().parent().parent().find(".target").css('background','cyan');
    }

那些 parent 会像这样工作:$(this).parent() = targeting div.checkboxDiv

$(this).parent().parent() = 定位 div.parent

...