Как с помощью jquery получить значение из data-value атрибута html? Как это сделать без использования jquery, на нативном браузерном javascripte?

Question

[krll-k]

Немного пред-/пост- истории:
Пробую сделать интернационализацию с помощью data-value значений:

<p data-lang-ru="Сервис позволяет ...." data-lang-eng="The service allows ...."></p>

$('p').click(function(e){
  var eng = $(this).attr('data-lang-eng');
  var ru = $(this).attr('data-lang-ru');
  console.log(eng);
  var lang = 'eng';  // для того чтобы по клику по элементу языке менялся ru <-> eng
  $(this).html(eng);  // не работает toogle как задумалось, вставляется eng вместо того что надо
});

Справился с первоначальной задачей. Просто использовал this без $() - это было моей фееричной ошибкой, но мне мой знакомый указал на мою это

Спасибо за ответы!

Answer 1

[cha-cha]

<span data-test="1"></span>

// jquery
$('span').data('test');
$('span').attr('data-test');
// vanilla js
var elem = document.querySelector('span');
elem.dataset.test;

Answer 2

[Сергей Протько]

C jQuery
$('.selector').data('item');
Без
document.querySelector('.selector').dataset.item;