javascript - jquery 没有从 获取值

Question

我有一个 jQuery 函数，可以从列表中添加和删除产品。

$("#basketItemsWrap li img").live("click", function (event) {
    $("#notificationsLoader").html('<img src="http://images/loader.gif">');

    var oid = $("#thelist li").attr('id').split('_')[1];

    $.ajax({
        type: "POST",
        url: "http://index.php/action/delete",
        data: {
            officeID: oid,
            action: "delete"
        },
        success: function (theResponse) {

            $("#officeID_" + oid).hide("slow", function () {
                $(this).remove();
            });
            $("#notificationsLoader").empty();
        }
    });
});

我的 HTML 代码

<div id="basketItemsWrap">
<ul id="thelist">
<li></li>
<?php echo getBasket(); ?>
</ul>
</div>

html 输出为

<li id="officeID_15669">Office 1</li>
<li id="officeID_14903">Office</l 2i>

我想从<li>获取id拆分并获取数字，以便我可以将值传递到数据库。

    var oid = $("#thelist li").attr('id').split('_')[1];

当我点击时，oid始终是未定义的。我的代码有什么错误？

Answer 1

$("#thelist li")选择#thelist中的所有列表元素，第一个是<li></li> 。 attr('id')应用于第一个，因此未定义。

在点击处理程序中使用它:

var oid = $(this).parent("li").attr('id').split('_')[1];