使用jQuery查找任何网址或子网址

Question

重新开始：

我有一个<select>，它有四个选项，用于四个不同的类别。当用户访问其中一个类别时，将在<select>中选择适当的<option>。例如，如果我正在查看一个名为"Category Name“的类别，则在<select>菜单中选择了"Category Name”<option>

这四个不同的类别中的每个类别都可以有多个页面。这些类别的第一页的网址是/category-name/，第二页的网址是/category-name/page/2/，依此类推。我的<select>只有主要类别的选项，而不是每个类别中的每个页面。

我需要找到一种方法来检测用户是否在name /category-name/页面或任何子页面上，比如/category-name/page/2/。

这是我目前使用的脚本：

var pathname = window.location.pathname;
$("#restaurantSelect option[value=\"" + pathname + "\"]").attr("selected","true");

我如何修改它以使其按我所需的方式工作？

Answer 1

您可以将一个函数传递给jQuery's filter函数。这样就可以很容易地执行您想要的任何自定义检查。

var $optionsWithPage = $("#restaurantSelect option").filter(function(){
    return /\/page\/\d+/ig.test($(this).attr("option"));
});

编辑-基于您的重写(顺便说一句-请避免在人们提供答案后重写您的问题)，我建议您根据需要调整上面的正则表达式。我认为应该是这样的：

/category-name(\/page\/\d+\/)?/