Php 已编写的jQuery代码未根据单击传递正确的值

我有数据库中项目的动态列表。 我使用while循环生成列表，并在php中进行回显。 问题是jQuery在某种程度上只能识别第一项，即使我单击了第二项。我想在ajax调用成功后直接删除单击的项

这是我的PHP代码

while ($rowresult = mysqli_fetch_array($result)){
    $id = $rowresult['id'];
    $name = $rowresult['name'];
    $brand= $rowresult['brand'];
    $price = $rowresult['price'];
    $qty = $rowresult['itemQuantity']; 
    $desc = $rowresult['description'];
    $img = $rowresult['itemImage'];

    echo "<div class=\"col-md-12\">";
    echo "<div id=\"cartHeader\" class=\"rowresult cartInfo\">";
    echo "<div class=\"col-md-12\">";
    echo "<input type=\"text\" id=\"idValue\" name=\"idValue\" value=\" $id \"/>";
    echo "<span class=\"remove\"><a href=\"#\" class=\"removeAnchor\">&times;</a></span>";
    echo "<p> $brand $name </p>";
    echo "<div class=\"col-md-4\">";
    echo "<img src=\"$img\" alt=\"Product Image\" width=\"50px\" height=\"50px\"></a>";
    echo "</div>";
    echo "<div class=\"col-md-8\">";
    echo "<span class=\"cartDesc\"> $desc </span> <br>";
    echo "<strong><span class=\"cartDesc\"> RM$price </span></strong>";
    echo "</div>";
    echo "</div>";
    echo "</div>";
    echo "</div>";
}

这是我的delete_item.php

<?php
$title = "Item Details";

session_start();
include "config.php";

$itemID = $_POST['itemID'];
?>

另外，我也在使用bootstrap

有人能告诉我为什么当我点击从第一行开始的项目时，仍然会返回属于第一个项目的值

---

非常感谢您提供的任何帮助

解决问题的快捷方法是：

var itemID = $(this).parent().find("#idValue").val();

---

一般来说，您应该尝试保持

id

属性值的唯一性，使其范围比元素的父元素大得多。

它被设置为获取输入值

#idValue

？它只会返回这个输入字段的值。是否有多个元素具有此ID？没有，先生。该文本框仅使用#idValue。没有其他重复的相同ID尝试使用console.log（数据）；而不是console.log（itemID）；看看你会得到什么长官，问题不在于检索数据。当我单击特定项时，问题就出现了。先生，现在它变得未定义$（this）.parent（）为您提供了什么？您可以发布您的html吗？go parent（）.parent（）.find（“#idValue”）.val（）-您可以在chrome中使用dev控制台轻松地调试它……先生，现在jQuery可以检测到正确的itemID，但是如何淡出属于单击项的特定div？

var itemID = $(this).parent().find("#idValue").val();