0

我有一个 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始终未定义。我的代码有什么错误？

4

4 回答 4

2

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

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

var oid = $(this).parent("li").attr('id').split('_')[1];
于 2013-03-23T12:39:02.583 回答
1


我希望这对你有帮助：

$("#basketItemsWrap li img").on("click", function(event) { 

$("#notificationsLoader").html('<img src="http://images/loader.gif">');

     var attrid =  $(this).parent().attr('id'); 
    var oid = attrid.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();

    }  
    });  

});


我为你创建了一个活生生的例子（但没有 ajax 功能）：http:
//jsbin.com/ozepoh/2/

于 2013-03-23T12:55:17.643 回答
1

当你使用var oid = $("#thelist li").attr('id').split('_')[1];它时，总是得到列表中id的第一个而不是被点击的。liidli

您可以li使用$(this).parent().

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

    var oid = $(this).parent().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();
        }
    });
});
于 2013-03-23T12:57:01.647 回答
0

它未定义，因为 li 以粗体显示

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

可见它没有 id 属性所以 $("#thelist li") 选择这个然后 $("#thelist li").attr('id') 导致未定义

于 2013-03-23T12:52:09.047 回答