Получить атрибут данных элемента другим атрибутом данных в качестве идентификатора

Question

У меня есть динамически созданные элементы без идентификатора, но с идентификатором атрибута данных, например: data-jobtypid="2".

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

Итак, я попробовал что-то вроде этого:

var cache_color = $('.addjob_choose_paymentbtn')
                   .filter('[data-jobtypid="2"]')
                   .getAttribute("data-jobtypcolorhover");

Есть ли у меня идея решить эту проблему?

С уважением

Answer 1

Просто используйте селектор атрибута в сочетании с $.data():

var cache_color = $('.addjob_choose_paymentbtn[data-jobtypid="2"]')
  .data('jobtypcolorhover');

console.log(cache_color);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="addjob_choose_paymentbtn" data-jobtypid="2" data-jobtypcolorhover="red">div</div>

Вы также можете использовать .attr('data-jobtypcolorhover'), который является правильным способом доступа к атрибуту в jQuery, как упомянуто в комментариях выше.Тем не менее, $.data() - крошечный очиститель ритма.

Answer 2

1001 * попробовать *

let c= document.querySelector('.addjob_choose_paymentbtn[data-jobtypid="2"]')
         .dataset.jobtypcolorhover;

console.log(c);

<div class="addjob_choose_paymentbtn" data-jobtypid="2" data-jobtypcolorhover="blue">Hi</div>