[Sice]

У меня есть 5 ссылок:

<a class='tv' href='#' data-token='link_1'><img src='graph.png'></a> 
<a class='tv' href='#' data-token='link_2'><img src='graph.png'></a> 
<a class='tv' href='#' data-token='link_3'><img src='graph.png'></a> 
<a class='tv' href='#' data-token='link_4'><img src='graph.png'></a> 
<a class='tv' href='#' data-token='link_5'><img src='graph.png'></a>

Мне необходимо, при наведении на них выполнить javascript:

<script type="text/javascript">
              let token = document.querySelector('[data-token]'); 
              token = token.getAttribute('data-token');
              
              new TV.widget(
                  {
                  "width": 980,
                  "height": 610,
                  "symbol": token ,
                  "interval": "5",
                  "timezone": "Europe/Moscow",
                  "theme": "dark",
                  "style": "1",
                  "locale": "ru",
                  "toolbar_bg": "#f1f3f6",
                  "enable_publishing": false,
                  "studies": [
                    "BB@tv-basicstudies"
                  ],
                  "show_popup_button": true,
                  "popup_width": "1000",
                  "popup_height": "650",
                  "container_id": token,
                  }
              );
           </script>

При этом передать параметр data-token в JS скрипт. Понимаю, что делается так:

let token = document.querySelector('[data-token]'); 
token = token.getAttribute('data-token');

Подскажите, как правильно это реализовать с помощью jQuery или ещё как, чтобы при наведении на ссылку, передался параметр (data - атрибут) и соответственно выполнился скрипт ? Спасибо.