javascript - 如何提取属性中值的一部分

Question

我有许多带有 onclick 函数的超链接，它们以这种方式具有不同的值:

<a onclick="Utils.decideOffer('', {'unlockFeature': 'cars'});">cars text</a>
<a onclick="Utils.decideOffer('', {'unlockFeature': 'bikes'});">bikes whatever</a>
<a onclick="Utils.decideOffer('', {'unlockFeature': 'motorcycles'});">another motor</a>

现在，当单击此元素时，我需要获取该数组的值，例如:“汽车”或“自行车”或“摩托车”。

不建议从 Utils.decideOffer 函数中获取它们，因为我需要在不编辑该文件/函数的情况下获取它们。这就是我打算提取它的方式。

$('a').click(function() {
    onclickValue = $(this).attr('onclick');
    if (onclickValue.length) {
      var optionSelectedValue = ??? ;
    }
});

我正在考虑使用正则表达式，所以你能帮我解决正则表达式在这种情况下的使用吗？或者，如果你有其他实现此目的的好主意，也欢迎!

Answer 1

像这样尝试 split():

$('a').click(function() {
    onclickValue = $(this).attr('onclick');
    if (onclickValue.length) {
      var optionSelectedValue = onclickValue.split(":")[1].split("}")[0];
    }
});

它将返回 'cars' 或 'bikes' 或 'motorcycles' 包括引号

参见 JSFIDDLE

...或按照建议获取不带引号的值:

optionSelectedValue = onclickValue.split(":")[1].split("}")[0].split("'")[1];

查看更新 JSFIDDLE