javascript - jQuery:从数据属性中删除除前 4 个字符之外的所有字符

Question

我试图从每个 div 的数据属性中删除除前 4 个字符之外的所有字符，标记如下:

HTML

<div class="grid-block" data-category="17.40—18.20">text</div>
<div class="grid-block" data-category="18.40—19.40">text</div>
<div class="grid-block" data-category="19.20—20.20">text</div>
<div class="grid-block" data-category="20.40—21.30">text</div>

期望的结果是这样的:

<div class="grid-block" data-category="1740">text</div>
<div class="grid-block" data-category="1840">text</div>
<div class="grid-block" data-category="1920">text</div>
<div class="grid-block" data-category="2040">text</div>

理想情况下也删除每个点，但这不是必需的。不确定这是否可行，任何建议将不胜感激!

Answer 1

迭代具有 [data-category] 属性的所有元素，并从属性中删除 . 字符，然后使用 .substring(0, 4 ) 检索前 4 个字符:

Example Here

$('[data-category]').each(function () {
    var category = $(this).data('category').replace('.', '').substring(0, 4);
    $(this).attr('data-category', category);
});

<小时/>

不过，您不需要 jQuery 来执行此操作:

Example Here

var elements = document.querySelectorAll('[data-category]');
Array.prototype.forEach.call(elements, function (el) {
    var category = el.dataset.category.replace('.', '').substring(0, 4);
    el.setAttribute('data-category', category);
});