Установите атрибуты данных div с помощью jquery - PullRequest
0 голосов
/ 24 марта 2020

Я хочу установить минимальное и максимальное значение диапазона слайдера с помощью вызова ajax. Я попытался установить attr или данные, но все параметры не работают. Как мне установить атрибут div?

$('#card-price-Div-Slide').attr('data-min','20');
$('#card-price-Div-Slide').attr('data-max','40');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="card-price-Div-Slide"
  class="slider-range ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"
  data-min="0"
  data-max="600"
  data-values="[0,600]"
  data-target="#price-range"
  data-label-min="#price-range-label-min"
  data-label-max="#price-range-label-max">Foo</div>

Я тоже пробовал:

$('#card-price-Div-Slide').data('data-min','20');
$('#card-price-Div-Slide').data('data-max','40');
$('#card-price-Div-Slide').setAttribute('data-min','20');

1 Ответ

0 голосов
/ 25 марта 2020

const element = document.querySelector('#card-price-Div-Slide');

element.setAttribute('data-min', 0);
element.setAttribute('data-max', 1000);

console.log(element.getAttribute('data-min'));
console.log(element.getAttribute('data-max'));
<div id="card-price-Div-Slide"
  class="slider-range ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"
  data-min="5"
  data-max="600"
  data-values="[0,600]"
  data-target="#price-range"
  data-label-min="#price-range-label-min"
  data-label-max="#price-range-label-max">
  Foo
</div>
...