html Меняемиконкуиеёцветпринаведении

Posted 2021-05-11

<li class="select_block" data-id="" onclick="">
  <i id="inserror" class="md-list-addon-icon material-icons uk-text">+ иконка</i>
</li>
<li class="select_block" data-id="" onclick="">
  <i id="inserror" class="md-list-addon-icon material-icons uk-text">иконка1</i>
</li>
<li class="select_block" data-id="" onclick="">
  <i id="inserror" class="md-list-addon-icon material-icons uk-text">иконка2</i>
</li>
<li class="select_block" data-id="" onclick="">
  <i id="inserror" class="md-list-addon-icon material-icons uk-text">иконка3</i>
</li>
<li class="select_block" data-id="" onclick="">
  <i id="inserror" class="md-list-addon-icon material-icons uk-text">иконка4</i>
</li>

<script>

// Меняем иконку и её цвет при наведении
$(function () {

    var $inserror = $('.select_block i');

    $('.select_block').hover(

        function() {

            $index = $('.select_block').index(this);
            $one = $inserror[$index].outerHTML;
            $('i', this).replaceWith('<i id="inserror" class="md-list-addon-icon material-icons uk-text-danger">&#xE15D;</i>');
        },
        function() {

            $('i', this).replaceWith($one);
        })
});
</script>