我想根据特定的切换面板
更改切换箭头图像基于我想要在右箭头和向下箭头之间切换的点击
CSS: -
.icon
{
height:14px;
width:14px;
float:left;
position:relative;
margin-right:10px;
background:url("http://glyphicons.com/wp- content/themes/glyphicons/images/glyphicons_halflings.png") no-repeat;
}
.icon-rightarrow
{
background-position:-456px -72px;
}
.icon-downarrow
{
background-position:-313px -119px;
}
答案 0 :(得分:2)
您可以使用AddClass和RemoveClass功能执行此操作。
以下内容会将右箭头更改为向下箭头:
$("#MyElementId").removeClass("icon-rightarrow");
$("#MyElementId").addClass("icon-downarrow");
答案 1 :(得分:1)
j(this).closest('li').find('.icon')
.toggleClass('icon-rightarrow, icon-downarrow');
使用.toggleClass()
到toggle between the classes
到right
和down
箭头图标。