javascript - 如何获取事件li链接的innerHTML？

Question

我想存储事件菜单项的innerHTML，以将其显示为页面的标题。标题 HTML 为“容器”模板中的 {{pageTitle}}。

这是我的(清理后的)HTML

<template name="container">
   {{pageTitle}
   {{ > SideMenu}}
</template>

<template name="SideMenu">
    <ul id="menu-items" class="nav nav-stacked nav-pills">
        <li id="menu-item-simple" class="">
            <a href="#">
                menuItem1
            </a>
        </li>
        <li id="menu-item-simple" class="">
            <a href="#">
                menuItem2
            </a>
        </li>
    </ul>
</template>

我创建了一个助手来返回字符串

Template.container.helpers({
"pageTitle":function(){
    return Session.get("pageTitle");
}
});

单击菜单项时将字符串设置为其正确值的事件

Template.SideMenu.events({
    "click #menu-items":function(e,t){
        var activeItem = $(this).find("li.active")
        Session.set ("pageTitle",activeItem.children("a").innerHTML);
        console.log (activeItem.children("a").innerHTML);
    }
});

控制台返回“未定义”。我不明白我做错了什么，因为我才刚刚开始，我也想知道我走的路是否正确。

Answer 1

你尝试过吗？

Session.set ("pageTitle",activeItem.children("a").text());

jquery text()