我想在选中复选框时定位div。任何人都可以告诉我如何在选中复选框时定位外部div?
答案 0 :(得分:0)
请注意此jsFiddle如何以非常简单的方式突出显示用法:
div可以是您想要的另一个元素,只需确保您使用代码并根据您的需要进行调整。如果您需要更多帮助,请告诉我们!
来源::checked
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在这里工作:
答案 1 :(得分:0)
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
...