單擊單選按鈕，更改內部圖標

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會添加或刪除一個類，而所有其他類將被保存等。