jQuery 用html方法修改元素内容后，重新选中元素data原本藏值无法找到

Question

创建元素时，用data方法藏值

                            var book = books[i];
                            var li_str = getNoteBookLiStr(book.cn_notebook_name);
                            var $li = $(li_str);
                            //将bookId藏在li中
                            $li.data("bookId",book.cn_notebook_id);
                            $("#book_list").append($li);

用html方法修改元素内容

                            var li_str = '<li class="online"><a>'+
                                    '<i class="fa fa-book" title="online" rel="tooltip-bottom">'+
                                    '</i>'+newName+'</a></li>';
                            $checked_li.html(li_str)

重新选中后再调用data发现藏值找不到了undefined

            var noteBookId = $("#book_list li a.checked").parent().data("bookId");

Answer 1

没看到你第一段和第二段什么关系。。如使用html更新容器元素会导致你原来的li元素被移除dom元素，你再获取新元素肯定没有data换成的内容了。