如果页面上显示另一个div，则显示div

Question

我试图根据产品的属性在购物车中包含2个布局。如果产品包含div A，那么我想在页面上显示位于不同区域和div的额外选项。如果div a不存在，我将隐藏额外的div。我不知道如何在jquery中处理这个问题。

感谢。

Answer 1

您可以使用length属性检查元素是否存在，如下所示：

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

Answer 2

如果要检查元素是否存在，可以获取长度，然后检查它是否大于0.

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

如果您想检查可见性，那么您可以转到.is(":visible")

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

Answer 3

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

如果你有这种html或类似的话，

<div id="product">

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

</div>