单击单选按钮，更改内部图标

Question

当用户单击单选按钮的标签时。我想将设备更改为选定的标签图标。举个例子。 ：

如果用户点击标签。最高档（cog）会变成标签。

这是我的代码：

var current-icon = $('span.carat i.icon-cog'); 
$('#hidden-search-filter label').click(function(){ 
    var icon = $(this).find('i'); 
    current-icon.val(icon); 
}); 

如何实现这一点？ Here is a fiddle来显示我的工作。先谢谢你！

Answer 1

事情是这样的：

$('#hidden-search-filter label').on('click', function(){ 
    $('.carat i:first-child').attr('class', $('i', this).attr('class')); 
}); 

FIDDLE

val()设置和获取元素的值，如：

<input type="text" value="It gets this string" /> 

您需要更改类，并使用attr() （我们试图改变属性，而不是className属性）将类重置为新值，其中addClass和removeClass会添加或删除一个类，而所有其他类将被保存等。