将li attribut放在跨度上

时间:2016-08-01 13:51:14

标签: javascript html css sass

我是开发者精彩世界的初学者,我需要你的帮助。让我解释一下:

我有一个按下汉堡时展开的菜单,从而显示三个项目。 一方面,当你点击菜单关闭菜单时,我就是这样 而另一方面,我切割项目出现在SPAN:)

$('li').click(function() { alert($(this).attr('id'));})

感谢您的帮助。 DEMO JSFIDDLE

特使每个人

2 个答案:

答案 0 :(得分:1)

这样简单: jsfiddle

添加了这个

 $('li').click(function() {
   $('h1 + span').text( $(this).attr('id') )
   $('#overlay').removeClass('open');
   $('#toggle').removeClass('active');
 })

还从open移除了课程#overlay,因此点击该菜单后菜单会关闭,并从按钮中移除课程active,以便从X更改为汉堡包线。如果你不需要,你可以排除这两行

答案 1 :(得分:0)

您成功获得了id的值;现在你只需要获得你想要添加它的元素,然后添加它。

您不会将值放在警报中,而是使用jquery的text()函数中的值(假设您希望ID位于<span>标记内)。

首先,获取所需的<span>元素:

$('.top')

这将所有带有“top”类的元素。

现在在元素上调用text()函数(此处有更多信息:http://api.jquery.com/text/):

$('.top').text('your text here');

而不是'这里的文字',而是将ID的值放入,如下所示:

$('.top').text($(this).attr('id'));