更改数据属性

Question

我正在寻找一种解决方案来更改输入表单上的数据属性。我需要在两个数据属性中的值上加上 30 分钟。我认为我需要这样做是某种 JS - 我不是太有经验，有人知道从哪里开始吗？

谢谢！

<div class="input">
<label>Drop off time</label>
<label class="dropoff-time-hour">
<select class="hour" required **data-dropoff-hour="16"**>
</select>
</label>

<label class="dropoff-time-min">
<select class="min" required **data-dropoff-min="35"**>
</select>
</label>
</div>

Answer 1

用于更改data-dropoff-min 值

$('select[class="hour"]').attr('data-dropoff-hour', "Your Updated value");

将字符串 "Your Updated value" 替换为您的更新值。

一般来说， $(selector).attr('data-attribute', 'updated value');

希望这会对你有所帮助。