这是小提琴:http://jsfiddle.net/zuhloobie/1m0wu7wc/6/
我想点击显示其下方信息的主题名称。该主题旁边有一个向下的三角形。当我单击主题名称时,名称应该保留,但三角形变为向上三角形。我的问题是让主题名称留下来。只是三角形停留。
我知道这个名字并不存在,因为我用三角形代替$(showHide)
。但是,我已经尝试了html(),text(),append()和prepend()来尝试抓取类dept
中的文本并将其粘贴在三角形之前,但我不能让它工作。在前面添加一些作品,但它会拉出两个主题名称并将它们粘在一起,因为它们具有相同的类名dept
,并且必须在整个页面中多次使用。所以我想只抓取dept
的实例,我点击它并忽略其他dept
类。希望我能够很好地解释这一点。
我无法完全控制代码,因为这是来自我无法访问的代码。我只能控制/更改班级dept
和showHideTri
。其他一切,我都坚持了。
如何在三角形移动时调整我的代码以使主题名称保持不变?我在jquery上相当新,所以这可能超级简单?提前谢谢!
答案 0 :(得分:1)
您要更改整个expandable
课程,但只需更改.expandable
内的三角形。
更改
var showHide = this;
到
var showHide = $(this).find(".showHideTri");