jquery appply仅用于第一个提取的项

Question

代码显示数据库数据&我想为quantity＝1隐藏"minusbtn"并显示锚点标记，当它再次递增时，两者都会显示。Jquery只适用于第一个提取的数据库项，所以请指导我Jquery中会发生什么变化，以便它适用于从数据库中提取的所有项。

<?php        
//Get all these items
$query = mysql_query("select * from products_added where `username` = '".mysql_real_escape_string($_SESSION["REMOTE_ADDR"])."'");
?>
<?php
//Fetch all added items and display to the screen for the specified user
while ($row = mysql_fetch_assoc($query))
{
$item_id = $row["id"];
$item_name = $row["item_added"];
$price = $row["price"];
$quantity = $row["quantity"];
$amount = $row["amount"];
$date = $row["date"];
?>
<div id="items_cover<?php echo $item_id;?>">
<dl class="row order-item-total"  >
<dt class="col-sm-2 text-weight-light text-right"><?php echo $item_name; ?></dt>
<dd class="col-sm-8 tempptr">
<input type='button' value='-' class='qtyminus' id="minusbtn" field='quantity' data-id="<?php echo $row["id"]; ?>" data-value="<?php echo $row['price'];?>"/>
<input type='text' name='quantity' id="qty" value="<?php echo $quantity ;?>" class='qty' data-value="<?php echo $quantity ;?>"/>
<input type='button' value='+' class='qtyplus' id="plusbtn"  field='quantity' data-id="<?php echo $row["id"]; ?>" data-value="<?php echo $row['price'];?>"/> X <?php echo $row['price'];?>
<input type="hidden" value="<?php echo $amount; ?>" id="amount1">
</dd>
<dd class="col-sm-2 text-spl-color text-right totalamt" id="totalamt">Rs.<?php echo $amount; ?></dd>
<dd class="col-sm-1">
<a href="javascript:void(0);" style="width:10px; height:10px; padding:3px;padding-left:8px;padding-right:8px; text-decoration:none;" id="vpb_cart_buttons" title="Remove this item" onclick="vpb_remove_this_item('<?php echo $item_id; ?>');">X</a>
</dd>
</dl>
</div>
<?php } ?>

jquery仅适用于第一个div only plz建议解决方案

$(document).ready(function(){
var qty=$('.qty').attr('data-value');
if(qty==1){
$("#vpb_cart_buttons").hide();
}else{
$("#vpb_cart_buttons").hide();
}
});

Answer 1

这是因为在while循环中使用了相同ID的HTML元素。这会导致ID重复，而根据规则，ID在页面上应该是唯一的。因此JQuery只选择第一个匹配的ID。请使用类来实现这些目的。