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

Question

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

如果用户点击标签。最高档（齿轮）将变为标签。

这是我的代码：

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

我怎样才能做到这一点？这是一个小提琴来展示我正在使用的东西。先感谢您！

Answer 1

像这样的东西：

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

小提琴

val()设置并获取元素的值，如下所示：

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

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