自分のエラーログ：jQuery２

①下記処理、やると2回目で王冠が両方についてしまう。

.done(function(data) {
$('[name="unit_price1"]').text(data.unit_price1).attr('class', data.unit_price1);
$('[name="unit_price2"]').text(data.unit_price2).attr('class', data.unit_price2);
min_unit_price = Math.min(data.unit_price1, data.unit_price2);
},

$( document ).ajaxComplete(function() {
$('p[class="' + min_unit_price + '"]').before('<i class="fas fa-crown"></i><br>');
});

②下記王冠の追記処理はdoneのコールバックとして2つ目に書いても同じ挙動。

やはり2回目で王冠が両方ついてしまう。

$('p[class="' + min_unit_price + '"]').before('<i class="fas fa-crown"></i><br>');

③一度付与した王冠を消していないのが原因だった！

clickの度に下記により削除。

$('i, br.after_i').remove();

function(){
$('p[class="' + min_unit_price + '"]')

.before('<i class="fas fa-crown"></i><br class="after_i">');
}