Выбор значения из настраиваемого свойства в javascript

Question

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

<a href="#" video-id="somevalue">My link</a> 

Я не хочу, чтобы сделать что-л так:

$('a').on(click, function(){ 
var videoId = a[video-id].val(); 
}); 

вывод должен быть:

console.log(videoId); 
somevalue 

Update

video-id="this is changeable" 

Answer 1

вам нужно поставить a и click в quotes , Вы можете использовать .attr() или .data(), чтобы получить желаемый attribute value '

Использование .attr()

$('a').on('click', function(){ 
 
var videoId = $(this).attr('video-id'); 
 
    alert(videoId); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" video-id="somevalue">My link</a>

Использование .data()

Чтобы использовать .data() вас имеют префикс вы приписываете с data e.d data-id вместо video-id

$('a').on('click', function(){ 
 
var videoId = $(this).data('id'); 
 
    alert(videoId); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" data-id="somevalue">My link</a>

Answer 2

Вы можете использовать:

var videoId = a.attr("video-id"); 

Или, лучше придерживаться с data-* атрибутами и дать:

<a href="#" data-video-id="somevalue">My link</a> 
var videoId = a.data("video-id"); 

И смените:

$(a) 
// to 
$("a")