javascript - 如何使用正则表达式从数据属性中提取某些字符？

Question

我有一个具有特定数据属性的 div 。并希望从该数据属性中提取某些值。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-space="left-15 right-15">
</div>
<script>
var defaultValue = $('div').attr('data-space').replace('left-15 right-', '') / 5;
console.log(defaultValue);
</script>

这里的data-space="left-15 right-15"是一个动态，我将根据用户事件进行更改。

例如，当数据空间更改为 data-space="left-0 right-0" 时，它将返回 nan。如何使用正则表达式解决此问题。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-space="left-0 right-0">
</div>
<script>
var defaultValue = $('div').attr('data-space').replace('left-15 right-', '') / 5;
console.log(defaultValue);
</script>

Answer 1

var defaultValue = $('div').attr('data-space').replace(/left-(\d)+\sright-/, '')/5;
	
console.log(defaultValue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-space="left-0 right-0">
</div>