Javascript 加入“；“数据悬停”；查看Wordpress菜单项

我正试图找到一种方法，将“数据悬停”添加到Wordpress上的菜单项中，即：

我想把：

data-hover="ABOUT US"

进入

无法手动更改链接html本身，使其成为：

<a href="#" data-hover="ABOUT US">ABOUT US</a>

但是Wordpress的使用极其乏味，没有javascript我无法找到实现这一点的方法。有人能给我一些建议吗？

$（文档）.ready（函数（）{
$（'a'）。每个（函数（）{
$（this.attr（'data-hover'，$（this.text（））；
});
});
将其添加到主题中的functions.php中

add_filter( 'nav_menu_link_attributes', 'add_custom_data_atts_to_nav', 10, 4 );
function add_custom_data_atts_to_nav( $atts, $item, $args ) {

$atts['data-hover'] = $item->title;
return $atts;}

希望这会有帮助
 我认为js是一张票，因为你不想编辑WP核心。你不是在开玩笑哈哈。它完全打破了我的滑块和其他一些东西。还有其他想法吗？这将为文档中的每个锚点添加数据悬停。也可能与其他JS函数冲突…发生了什么@Leurus@thakur.B是的，这就是为什么我建议不要使用它，Leurus没有提供更多的细节，比如想要的范围的包装容器，所以它在etire文档中全局工作。
add_filter( 'nav_menu_link_attributes', 'add_custom_data_atts_to_nav', 10, 4 );
function add_custom_data_atts_to_nav( $atts, $item, $args ) {

$atts['data-hover'] = $item->title;
return $atts;}