javascript - 无法读取未定义的属性 'match'

Question

我正在运行以下命令:

var token = document.location.href.split('?s=')[1].match(/[a-z0-9]+/);
var longString = "?s=" + token + "?_sft_category=";
var tokenB = document.location.href.split(longString)[1].match(/[a-z0-9]+/);
var attribuB = "." + tokenB;
jQuery('a[data-filter-value="' + attribuB + '"]').parent().parent().parent().find(".dropdown-toggle").html(tokenB).append(' <span class="caret"></span>');

我怎么会得到呢？

Uncaught TypeError: Cannot read property 'match' of undefined

如果我删除 .match(/[a-z0-9]+/) 我不会收到任何错误，但我确实需要 match ..

URL 如下所示:

http://www.example.com/xchanges/results/?s=sky&_sft_category=ogilvy

Answer 1

这里可能使用库会更好。我开发了一个小型 JavaScript 库，可以使用以下网址:url.js .

<script src="path/to/url.js"></script>
<script src="your-js.js"></script>

然后你可以这样做:

var token = Url.queryString("s");
var tokenB = Url.queryString("_sft_category");

就是这样。

请注意，您可以使用 closest() 方法，而不是多次调用 parent():

$('a[data-filter-value="' + attribuB + '"]')
   .closest("<your_container>")
   .find(".dropdown-toggle")
   .html(tokenB)
   .append(' <span class="caret"></span>')
   ;