javascript - 如果 SQL 中有数据则显示一个按钮，否则隐藏

Question

我是新手，正在练习。所以，我确信我没有以最好的方式做到这一点。

我正在尝试让产品数据显示是否有数据，但如果没有任何数据，我希望隐藏该按钮。在数据库中，只有大约 40% 实际拥有产品数据。

foreach ($part->results as $index=>$row){

echo '<a href="#" class="btn btn-primary"> Add to Cart</a>
<div class="btn-group">
<button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Info
</button>
<div class="dropdown-menu">
<a class="btn btn-info " href="./media/products/product_data/'.$row["product_data"].'" target="_blank"class="btn btn-info"> Details </a>

</div>'

Answer 1

使用 CSS 和类来显示/隐藏页面上的元素。 在 CSS 中:

.hidden {
   display: none;
}

然后你可以通过 php 回应这个:

foreach ($part->results as $index=>$row){
    $hidden = empty($row["product_data"]) ? ' hidden' : ''; //determine if hidden needs to be added or not

    echo '<a href="#" class="btn btn-primary"> Add to Cart</a>
<div class="btn-group">
<button type="button' . $hidden . '" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Info
</button>
<div class="dropdown-menu">
<a class="btn btn-info " href="./media/products/product_data/'.$row["product_data"].'" target="_blank"class="btn btn-info"> Details </a>

</div>'
...