Регулярное выражение Javascript для CSS

Question

Я пытаюсь извлечь значение через Javascript из атрибута CSS3 элемента, такого как следующее:

CSS:

el {
  -moz-transform: matrix(1, 0, 0, 1, 27px, 0px);
}

Javascript (jQuery)

var style = $('el').css('-moz-transform');

При запуске скрипта переменная style принимает следующую строку: "matrix (1, 0, 0, 1, 27px, 0px)"

Я бы хотел извлечь число, соответствующее полю 27px внутри этой строки.

Я предполагаю, что самый быстрый или, по крайней мере, самый элегантный способ сделать это - с помощью регулярных выражений, хотя я действительно не знаю, как использовать их в JS.

Есть предложения?

Answer 1

Как насчет:

var value = style.split(',')[4];

Если вы хотите удалить пробелы:

var value = style.split(/, */)[4];

Answer 2

$('el').css('-moz-transform').split(',')[4]

Пожалуйста, проверьте следующее jsfiddle в Mozilla Firefox -moz-transform используется только в Firefox.

Answer 3

Вы можете просто разделить запятые.

var style = $('el').css('-moz-transform').split(",")[4];

Answer 4

IMO, самый простой способ сделать это - просто разделить строку на запятую и получить 5-й параметр, не нужно запускать механизм регулярных выражений

var val = style.split(',')[4];