javascript - 如何在jquery中验证对象

Question

我正在使用 jquery 向 li 元素添加任意数据:

  if($("li").data('family').$(this).text()==$(this).text()){
        $("li").removeData('family',{'persons':''}); // I know this is wrong!
        // any idea how to remove data from this object 
    }else{
        //this part adds data which is not working fine 
        $("li").data('family',{$(this).text():$(this).text(),
            'cat':'family'
        });
    } 

上面我试图验证该值是否已经存在，如果退出将其删除。我面临 1 个问题:

1. 如何从对象中添加/删除相同的键值

提前致谢!

Answer 1

试试这个

$("#cat-family ul li").live("click", function() {
            var $ul = $(this).closest('ul');
            var family = $ul.data('family');
            if (!family) {
                family = {
                    'cat' : 'family'
                };
                $ul.data('family', family);
            }

            var text = $(this).text();
            if (family[text]) {
                delete family[text];
            } else {
                family[text] = text;
            }
            console.log(this, $ul.data().family);
        });

演示:Fiddle