Я хочу получить значение data-id и data-test, используя jquery из элемента span, созданного динамически

Проблема в том, что вы используете атрибут события on*, поэтому this в функции является window, а не элементом, вызвавшим событие. Вы передаете элемент в качестве аргумента функции, поэтому вам просто нужно определить аргумент в сигнатуре функции, например:

function getvalue(el) {
  console.info($(el).data('id'));
  console.info($(el).attr('data-id'));
  console.info($(el).data('test'));
}

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class = "myclass" data-id = "bcd" data-test = "sjd" onclick = "getvalue(this)">click here</span>

При этом вам не следует использовать атрибуты событий, поскольку они очень устарели и в результате считаются плохой практикой. Вместо этого используйте ненавязчивые обработчики событий.

В вашем вопросе также говорится, что элементы добавляются динамически, поэтому в этом случае вам нужно будет использовать делегированный обработчик событий. Таким образом, вы можете использовать on():

$(function() {
  $(document).on('click', '.myclass', function() {
    console.info($(this).data('id'));
    console.info($(this).data('test'));
  });
});

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class = "myclass" data-id = "bcd" data-test = "sjd">click here</span>

Также обратите внимание на использование console.info() для отладки вместо alert(). Последнего следует избегать, так как он принуждает типы данных, что может скрыть проблемы, а также является модальным, что раздражает.