Question

我正在使用JQuery 1.10.2，我试图找到所有链接以多个选择器启动，我确信它可以优化，但我不知道如何。

选择器必须返回以这些网址开头的所有链接：

/GalleryDetail.aspx
/gallerydetail.aspx
GalleryDetail.aspx 
gallerydetail.aspx 
/sketchbook.aspx
/SketchBook.aspx
SketchBook.aspx
sketchbook.aspx

此刻，我正在使用它：

valNow.find("a[href^='/GalleryDetail.aspx'], a[href^='/gallerydetail.aspx'], a[href^='GalleryDetail.aspx'], a[href^='gallerydetail.aspx'],
a[href^='/sketchbook.aspx'], a[href^='/SketchBook.aspx'],
a[href^='sketchbook.aspx'], a[href^='SketchBook.aspx']");

我搜索了，我读到我可以使用过滤器，但由于这是多选择器，我甚至不知道从哪里开始。而且我还以为我可以用它来做忽略。

valNow.find("a[href^='/[gG]allery[dD]etail.aspx']")

但不知怎的，它不会返回链接。

非常感谢任何帮助

Answer 1

Array.prototype.filter（和Array.prototype.some）

的可能解决方案

＆＃13;

$("a").filter((_, el) => {
        var startsWith = ["/gall", "sketch"],  // values to look for
            href = (el.getAttribute("href") || "").toLowerCase();  // the href value as defined in the markup
  
        return startsWith.some((val) => href.indexOf(val) == 0);   // returns true if the current elements (<el>) href attribute starts with (== 0) any of the values in <startsWith>
//      return startsWith.some((val) => href.indexOf(val) == 0 || href.indexOf("/" + val) == 0)
      })
      .addClass("foo");

＆＃13;

.foo { background-color: yellow }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="/GalleryDetail.aspx">/GalleryDetail.aspx</a>
<a href="/gallerydetail.aspx">/gallerydetail.aspx</a>
<a href="GalleryDetail.aspx">GalleryDetail.aspx</a>
<a href="gallerydetail.aspx">gallerydetail.aspx</a>
<a href="/SketchBook.aspx">/SketchBook.aspx</a>
<a href="/sketchbook.aspx">/sketchbook.aspx</a>
<a href="SketchBook.aspx">SketchBook.aspx</a>
<a href="sketchbook.aspx">sketchbook.aspx</a>

＆＃13;

使用find以多个选择器忽略大小写开始

1 个答案: