javascript 如何使用jQuery和data-rel在链接的元素中启动CSS效果？

rdlzhqv9 于 2022-12-21 发布在 Java

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

我在一个纸牌游戏（记忆游戏）中，当一个用户匹配两张牌时，动态地生成一个列表项。该列表在游戏板的右边生成，并且在匹配之后创建的每个LI元素都被赋予一个DATA-REL，该DATA-REL对应于匹配的牌ID和CLASS。
匹配的卡片HTML：

<i class="card1" id="card1">
Matched card
</i>

动态生成的LI元素结束HTML：

<li data-rel="card1"></li>

我希望当用户将鼠标悬停在带有data-rel“card 1”的data-rel LI元素上时，带有class/ID的“i”元素亮起。
我实际上没有太多地使用数据元素，我想知道它们是如何工作的，以及如何使其工作。

JavaScript

来源：https://stackoverflow.com/questions/58962861/how-do-you-use-jquery-and-data-rel-to-initiate-css-effects-in-linked-element

1条答案

按热度按时间

zpgglvta1#

Hi未测试以下内容，但尝试类似以下内容：

$('[data-rel]').hover(function() {
 $('.' + $(this).data('rel')).addClass('highlighted');
}, 
function() {
 $('.' + $(this).data('rel')).removeClass('highlighted');
});

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

我来回答

javascript 如何使用jQuery和data-rel在链接的元素中启动CSS效果？

1条答案

相关问题

热门标签

最新问答