Показывать div, если на странице присутствует другой div

Question

Я пытаюсь включить 2 макета в корзину для покупок на основе атрибутов продукта. Если продукт содержит div A, то я хочу показать дополнительные параметры на странице, которые находятся в другой области и div. если div a отсутствует, я буду скрывать дополнительный div. Я не уверен, как справиться с этим в JQuery.

Спасибо.

Answer 1

Если вы хотите проверить наличие элемента, вы можете получить длину, а затем проверить, больше ли она 0.

if ($("#divID").length > 0) {
    // your element exists
}

Если вы хотите проверить видимость, тогда вы можете перейти к .is(":visible")

if ($("#divID").is(":visible")) {
    // your element is visible
}

Answer 2

if($('#product div.A').length > 0) {
    $('div.otherDiv').show()
}

то есть, если у вас есть этот вид HTML или аналогичный,

<div id="product">

 <div class="A"></div>

</div>

Answer 3

Вы можете использовать свойство length, чтобы проверить, существует ли элемент, подобный этому:

if ($('#divID').length > 0){
  // div with id divID is present 
}
else{
  // div with id divID is NOT present
}