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

时间:2018-02-05 04:48:09

标签: javascript jquery html

我有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>

1 个答案:

答案 0 :(得分:1)

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