Javascript 添加类后获取元素文本值
我试图获取一个元素的文本值,该元素在被单击后添加了一个类。但是我不能得到它。我还尝试使用html()Javascript 添加类后获取元素文本值,javascript,jquery,class,Javascript,Jquery,Class,我试图获取一个元素的文本值,该元素在被单击后添加了一个类。但是我不能得到它。我还尝试使用html() 让我们选择level; 功能选择选项(菜单){ $(菜单)。在('单击',“li”,函数()上){ $(菜单).find('.activeSelection').removeClass(); $(this.addClass('activeSelection'); }); } $(文档).ready(函数(){ 选择选项(“.levelList”); selectLevel=$('.levelL
让我们选择level;
功能选择选项(菜单){
$(菜单)。在('单击',“li”,函数()上){
$(菜单).find('.activeSelection').removeClass();
$(this.addClass('activeSelection');
});
}
$(文档).ready(函数(){
选择选项(“.levelList”);
selectLevel=$('.levelList')。查找('.activeSelection')。文本();
});代码>我能想到的最简单的方法是在单击list元素时触发自定义事件,然后将函数绑定到此事件以更新变量
示例如下:
让我们选择level;
功能选择选项(菜单){
$(菜单)。在('单击',“li”,函数()上){
$(菜单).find('.activeSelection').removeClass();
$(this.addClass('activeSelection');
$(menu.trigger('itemChanged');//触发自定义事件
});
}
$(文档).ready(函数(){
选择选项(“.levelList”);
$('.levelList')。在('itemChanged',function(){//等待菜单上的事件
selectLevel=$(this.find('.activeSelection').text();
console.log(selectLevel);//只记录当前值
});
});代码>
.activeSelection{
字体大小:粗体;
}
- 项目1
- 项目2
- 项目3