Проверить элементы с тем же классом и добавить новый элемент

Question

У меня есть несколько Divs с тем же классом, когда у всех Divs есть класс «hideaddress», после чего я вставляю новый Div. Но когда у одного из этих Divs нет класса «hideadress», я не хочу показывать новое Div. Но это не работает. Как я могу это изменить?

if ($('div').hasClass('hideaddress')) { 
 
    $('<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address">new adress</div>').insertBefore('div.address:nth-child(1)'); 
 
}

.hideaddress { 
 
    opacity: 0.3; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">1</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">2</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">3</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">4</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">5</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address showaddress">6</div>

Fiddle

Answer 1

Вместо $('.hideaddress').length === $('.address').length, чтобы проверить, если имя общего класса точности равна дивы существует:

if ($('.hideaddress').length === $('.address').length) { 
 
    $('<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address">new adress</div>').insertBefore('div.address:nth-child(1)'); 
 
}

.hideaddress { 
 
    opacity: 0.3; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">1</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">2</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">3</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">4</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address hideaddress">5</div> 
 
<div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 address showaddress">6</div>

---

Это также может быть проверено:

if ($('.showaddress').length) { // it will check if this div exists.