как использовать JQuery ReplaceWith с помощью иконок materials.io - PullRequest
Новая
       6

как использовать JQuery ReplaceWith с помощью иконок materials.io

0 голосов
/ 05 мая 2020

хочет, чтобы значок любимого_борца переключался на значок избранного по щелчку.

, поскольку мы используем material.io, а класс - это значки материалов для обоих значков, не знаю, как использовать jquery. что я должен делать? (чтобы мы могли продолжать использовать эти значки)

спасибо 

<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="jquery-3.4.1.min.js"></script>
</head>

<body>

<ul class="leftSidebarList mdl-list">
    <li class="mdl-list__item mdl-list__item--three-line">
        <span class="mdl-list__item-secondary-content">
          <a class="likeUnlike" href="#">

          <i onclick="favOnclick(this)" id="likeUnpressed" class="material-icons">favorite_border</i>
          <i onclick="favOnclick(this)" id="likePressed" style="visibility:hidden" class="material-icons">favorite</i>

      </a>
    </span>
    </li>
</ul>

<script>
    function favOnclick(x) {
        if (document.getElementById(x) === "favorite_border") {
            x.replaceWith("favorite")
        } else {
            x.replaceWith("favorite_border")
        }
    }
</script>

</body>

1 Ответ

0 голосов
/ 05 мая 2020

Измените вашу функцию на: 

    function favOnclick(x) {
        if (x.innerHTML === "favorite_border") {
            x.innerHTML = "favorite";
        } else {
            x.innerHTML = "favorite_border";
        }
    }
...