css 如何将某个图标分配给数据库值？

2skhul33 于 2022-12-30 发布在其他

关注(0)|答案(1)|浏览(100)

我正在使用一个数据库，它告诉我用户是男性（显示字母“M”）还是女性（显示字母“F”）。我想根据性别而不是字母本身来显示金星/火星图标（如果是“M”，火星图标会出现，如果是“F”，金星图标会出现）。我该怎么做呢？
下面是我从数据库中获取值的方法：

<div class="gender" data-bind="text:Sex"></div>

附言：我正在与字体真棒图标。
我试着分配字体真棒图标，但我没有这样做的权利。

css

来源：https://stackoverflow.com/questions/74933885/how-can-i-assign-a-certain-icon-to-a-database-value

1条答案

按热度按时间

xlpyo6sf1#

你可以用JSDOM来实现，只要添加类M或F，它就会自动添加字体图标

<div class="gender m" data-bind="text:Sex"></div>

<script>
    if (document.querySelector(".gender.M")) {
        document.querySelector(".gender").innerHTML = `<i class="fa-solid fa-mars"></i>`;
    }
    else {
        document.querySelector(".gender").innerHTML = `<i class="fa-solid fa-venus"></i>`;
    }
</script>

赞(0）回复(0）举报 2022-12-30

我来回答

css 如何将某个图标分配给数据库值？

1条答案

相关问题

热门标签

最新问答