Wählen Sie direkt Geschwister in CSS oder Jquery?

Question

Ich werde in Kreisen Runde, aber keine genaue Logik für diese Lage zu finden. Ich habe einen folgenden Code:

<form> 
<table></table> 
<div class="1"> </div> 
<div class="2"> </div> 
<div class="3"> </div> 
</form> 

Die Tabelle Tag Abhängigkeit wird über Einstellung gesteuert und es ist nicht immer vorhanden. Was ich tun möchte, ist "Div" mit Klasse 1 zu verstecken, wenn das "Tisch" -Tag vorhanden ist. Irgendeine Idee, wie ich das über CSS oder Jquery machen kann?

Answer 1

Sie + sofort Geschwister zum Ausdruck bringen können:

table + div.one { 
 
    display: none; 
 
}

<form> 
 
    <table></table> 
 
    <div class="one">a</div> 
 
    <div class="two">b</div> 
 
    <div class="three">c</div> 
 
</form>

Answer 2

$('table').length > 0 ? $('.class1').hide() : $('.class1').show();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
<table></table> 
 
<div class="class1"> 1</div> 
 
<div class="class2"> 2</div> 
 
<div class="class3"> 3</div> 
 
</form>

1. Unter der Annahme, dass nur eine Tabelle .length falls vorhanden, überprüfen verwenden existieren.
2. Sie können ID oder Klasse verwenden, um genauer auf die zu überprüfende Tabelle zu sein.
3. Dont Start Klassennummer

Für spezielle Tabelle mit der Benennung:

$('table#check').length > 0 ? $('.class1').hide() : $('.class1').show();//checks for table with id check if present then do hide or show

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <table id='check'></table> 
 
    <div class="class1">1</div> 
 
    <div class="class2">2</div> 
 
    <div class="class3">3</div> 
 
    <table id='check1'></table> 
 
</form>

Answer 3

Working Fiddle

Mit .siblings() Methode.

if ($('table').length > 0) { 
    $("table").siblings().first().hide(); 
}