Javascript 如何从<；李>；通过单击

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

范例-

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

单击

孙子2

必须在cookie中记录

Parent1、Child1、孙子2

。但是，我的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）抛出未捕获的类型错误：无法调用null的方法“add”

。我哪里做错了？请帮忙。

试试看

$(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();
    });
});

---

演示：

你在这里误用了很多东西。@dholakiyaankit>>当然，@BlackSheep>>哦，我是JQuery新手。所以，我需要帮助。请看@ArunPJohny>>谢谢。这正是我需要的。你能回答这个问题吗？我很乐意把它记为我接受的答案。