Question

我使用jQuery向list-items添加属性。我稍后在代码中尝试通过搜索我刚添加的属性来访问这些列表项，但我得到“undefined不是函数”。

编辑：

这是我的代码中较大的一部分，因此您可以看到到底发生了什么：

var listItems = $('#list li');
    area = '';
    subarea = '';
    for (var i in areas) {
        if (areas.hasOwnProperty(i)) {
            area =  areas[i].area;
            listItems.find(".area:containsi('" + area + "')").each(function(e)
            {   
                for (var j = areas[i].subareas.length - 1; j >= 0; j--) 
                {
                    subarea = areas[i].subareas[j];
                    $(this).closest("li").attr("data-area", $(this).closest("li").attr("data-area") + subarea + ' ');
                }
                console.log($(this).closest("li").attr("data-area"));
            });         
        }
    }




    $('#search-input-field').on( {
        focus:  function() 
                {   
                    $(this).data('placeholder',$(this).attr('placeholder'));
                    $(this).attr('placeholder',''); 
                },

        blur:   function()  
                {   
                    $(this).attr('placeholder',$(this).data('placeholder'));
                },  

        keyup:  function() 
                {   
                    var searchTerm = $(this).val();
                    var searchSplit = searchTerm.replace(/ /g, "'):containsi('");


                    listItems.attr("data-area").not(":containsi('" + searchSplit + "')").each(function(e)   
                    {
                        $(this).addClass('hidden');
                    });

所以基本上我正在搜索列表项中的类中包含的内容，并将属性添加到列表项数据中。后来我搜索包含特定数据的列表项。

for循环中使用的变量区域是一个包含子区域信息的数组，如下所示：

areas = array（ID：{area，array（subareas）}）

“containsi”只是“contains”的扩展版本，完美无缺，所以这不是问题。

我注意到我添加的数据属性没有在源代码中显示，让我相信jQuery以其他方式保存这些属性。我想这就是我得到错误的原因（因为DOM中不存在属性搜索）。

有什么想法吗？

/奥洛夫

Answer 1

我认为这会对你有所帮助

这里我首先编写.each（）函数，在此函数中我正在检查属性是否存在。

示例代码

listItems.find(".area").each(function()
            {   
                var attr = $(this).attr("attributeNameHere");
                if (typeof attr !== 'undefined' && attr !== false) {
                    for (var j = areas[i].subareas.length - 1; j >= 0; j--) 
                    {
                        subarea = areas[i].subareas[j];
                        $(this).closest("li").attr("data-area", $(this).closest("li").attr("data-area") + subarea + ' ');
                    }
                    console.log($(this).closest("li").attr("data-area"));
                }

            });

Answer 2

我感谢来自Srinu的想法

该行：

listItems.find(".area:containsi('" + area + "')").each(function(e)

按预期开始设置项目的数据区域＆gt; area＆lt;在DOM中找到了类.area。不匹配的列表项没有得到任何数据区，导致在行中使用'undefined'调用：

listItems.attr("data-area").not(":containsi('" + searchSplit + "')").each(function(e)

找到刚刚由jQuery添加的数据属性

2 个答案: