从值属性获取<li>元素的值

Question

我正在为学校项目开发一个小型网站。在一页上，我遍历通过SQL查询填充的数组。数据将显示如下：

<ul class="list-group">
    <li class="list-group-item" name="id" value="36"><span class="badge">9999</span>Testval</li>
</ul>

该li元素的名称始终是静态的，但用PHP填充该值。该值引用数据库中的ID。我正在尝试为删除语句编写查询，如下所示：

DELETE FROM `Kredit` WHERE ID=id;

所述id，当用户点击该特定li元素上的删除按钮应该被检索。将有多个li具有不同ID的元素。是否可以使用PHP检索value属性中的ID？

我在Stackoverflow上搜索了此问题，但所有问题均涉及“ testval”案例中li标记之间的值。

Answer 1

在我看来，您需要使用Javascript来做到这一点，为此的jQuery代码会像下面这样。我看不到“删除”按钮更具体的信息，但是我将解释代码并希望对您足够清楚。

$( "#delete" ).click(function() { // when delete is clicked
var id = $(this).attr("value");   // get id value of clicked li's delete
$.ajax({
        type: 'GET',
        cache: false,
        aysync: true,
        dataType: 'json',
        data: { delete : id},
        url: "ajax.php", // cal ajax.php with ?delete=123, use $_GET['delete']
        success: function(data){
            $(this).closest('li').remove(); // if ajax is done, remove this li
        }
});

此示例用于值id，我认为您不希望通过testval之类的字符串代替唯一ID在DB中进行搜索。