javascript - 如何通过点击获取元素的数据

Question

我有一个 JQuery，它在单击子列表时将所有直接父列表记录在 cookie 中。

例子-

- Parent1  
  - Child1
     - GrandChild1
     - Grandchild2
     - Grandchild3
  - Child2
     - Grandchild4
     - Grandchild5

点击Grandchild2 必须在cookie 中记录Parent1, Child1, Grandchild2。但是我的 JQuery 代码无法这样做。

JQuery 代码-

$(document).ready(function() {
            $('li').click(function() {
                var obj = $(this).parents('li').add(this);
                obj.css('color', 'red');
                var obj1 = $(this).parents('li').data().add(this);
                var data = "data=";
                document.cookie = data+JSON.stringify(obj1);
            });
        });

'data' cookie 存储 null 和 var obj1 = $(this).parents('li').data().add(this ); 抛出 Uncaught TypeError: Cannot call method 'add' of null。我哪里错了？请帮忙。

Answer 1

尝试

$(document).ready(function () {
    $('li').click(function (e) {
        e.stopPropagation()
        var x = $(this).parents('li').add(this).map(function () {
            return $.trim(this.firstChild.nodeValue)
        }).get();
        var data = "data=";
        document.cookie = data + x.join();
    });
});

演示:Fiddle