Как выбрать input элемент у которого значение в data содержит переменную?

Question

<input type="button" data-option-value="aaaazzzz">

var inptdt = 'aaaazzzz';
$('input').data(inptdt).click(function () {
   alert(inptdt);
});

Мне надо чтобы при клике на input в data-option-value которого содержится переменная inptdt выполнялась функция. Как это грамотно написать? Подскажите, пожалуйста.

Answer 1

Если я правильно понял, вы хотите что-то такое:

var inptdt = 'aaaazzzz';

// чтобы обратиться к элементу, найти его, задайте id или class, при этом помните, что id уникален на странице, а class может дублироваться, ниже я обращаюсь по id и записываю в него переменную
$('#input1').data('option-value', inptdt);
// $('#input1').attr('data-option-value', inptdt); // схожий метод

$('#input1').click(function() {
  alert($(this).data('option-value'));
  // alert($(this).attr('data-option-value')); // схожий метод
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="input1" type="button" data-option-value="aaaazzzz" value="Кнопочка">

БЛОГ НА HUSL

Как выбрать input элемент у которого значение в data содержит переменную?

Ответы (1 шт):