只删除父元素jquery
如果我单击只删除父元素jquery,jquery,Jquery,如果我单击.fonarcomjquery hide all.pagamento`,我有3个同名框 有一种方法可以在父容器中仅隐藏.pagamento var j = jQuery.noConflict(); j(".fonarcom").click(function() { if (j(this).is(':checked')) { j(".pagamento").hide(); } else { j(".pagamento").show();
.fonarcom
jquery hide all.pagamento`,我有3个同名框
有一种方法可以在父容器中仅隐藏.pagamento
var j = jQuery.noConflict();
j(".fonarcom").click(function() {
if (j(this).is(':checked')) {
j(".pagamento").hide();
} else {
j(".pagamento").show();
};
});
HTML:
<div class="large-6 columns ">
<label><input name="fonarcom" class="fonarcom" type="checkbox" value="SI"> L'azienda aderisce a FonarCom</label>
</div>
<div class="large-6 columns pagamento">
<label>Modalità di pagamento</label>
<select name="pagamento" required>
<option value="">Seleziona un metodo di pagamento</option>
<option value="Contanti/Assegno Inizio Corso">Contanti/Assegno Inizio Corso</option>
<option value="Bonifico Anticipato">Bonifico Anticipato</option>
</select>
</div>
阿齐恩达公寓
帕加门托摩达利酒店
帕加门托梅托多酒店
Contanti/Assegno Corso
博尼科普雷托酒店
因为pagamento
是fonarcom
的父div
元素的兄弟。您可以使用遍历最多div
,然后使用查找紧跟其后的同级
var j = jQuery.noConflict();
j(".fonarcom").click(function() {
j(this).closest('div').next(".pagamento").toggle(this.checked);
});
在这里,我有用
使用true
显示元素,或使用false
隐藏元素
首先,您需要父容器,因此我制作了一个div包装器(但我想您已经有了一个)
请参见此处的工作示例:您发布的HTML没有给出任何关于您要隐藏的内容和要显示的内容的提示。
如果类为pagamento的div仅为一个元素,则隐藏它将在所有输入中隐藏/显示它。从代码示例中,它似乎只有一个元素。对
<div class="wrapper">
<div class="large-6 columns ">
<label><input name="fonarcom" class="fonarcom" type="checkbox" value="SI"> L'azienda aderisce a FonarCom</label>
</div>
<div class="large-6 columns pagamento">
<label>Modalità di pagamento</label>
<select name="pagamento" required>
<option value="">Seleziona un metodo di pagamento</option>
<option value="Contanti/Assegno Inizio Corso">Contanti/Assegno Inizio Corso</option>
<option value="Bonifico Anticipato">Bonifico Anticipato</option>
</select>
</div>
</div>
<div class="wrapper">
<div class="large-6 columns ">
...
if( j(this).is(':checked') ) {
j(this).closest(".wrapper").find(".pagamento").hide();
} else {
j(this).closest(".wrapper").find(".pagamento").show();
};