Question

我想在选中复选框时定位div。任何人都可以告诉我如何在选中复选框时定位外部div？

Answer 1

请注意此jsFiddle如何以非常简单的方式突出显示用法：

重点关注（选中）复选框。
CSS样式：checked捕获此事件并将CSS样式应用于div内容。

div可以是您想要的另一个元素，只需确保您使用代码并根据您的需要进行调整。如果您需要更多帮助，请告诉我们！

HTML

<input type="checkbox" id="ossm" name="ossm"> 
<label for="ossm">CSS is Awesome</label>

CSS

input[type=checkbox] + label {
  color: #ccc;
  font-style: italic;
} 
input[type=checkbox]:checked + label {
  color: #f00;
  font-style: normal;
}

编辑：我想你想要参考＆＃39;如何＆＃39; CSS在这里工作：

Answer 2

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

它将定位复选框所在的父div，如果tour目标不在同一个父级内，则可以使用更多.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');
    }

这些父母的工作方式如下：$(this).parent() =定位div.checkboxDiv

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

...

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

2 个答案: