如何在网址与链接匹配的情况下触发点击事件

时间:2018-07-30 10:07:58

标签: javascript jquery

如果URL查询字符串与页面上的链接匹配,则需要触发click事件 网址示例

  

https://www.website.com/video?v=9rqSjXX-eoo

基于查询字符串,我正在创建用于匹配的整个URL

matchURL = https://www.youtube.com/embed/9rqSjXX-eoo?showinfo=0&modestbranding=1

示例视频列表

<div class="video-wrapper">
<a href="https://www.youtube.com/embed/D91liF_Ml-M?showinfo=0&amp;modestbranding=1">Video One</a>
<a href="https://www.youtube.com/embed/9rqSjXX-eoo?showinfo=0&amp;modestbranding=1">Video Two</a>
<a href="https://www.youtube.com/embed/EReqWOWUNxU?showinfo=0&amp;modestbranding=1">Video Three</a>
</div>

如果查询字符串与任何链接匹配,则应触发该链接的click事件(在我们的情况下,它应在与查询字符串匹配时单击第二个链接)

2 个答案:

答案 0 :(得分:1)

一种超级简单的方法是遍历a标签并执行查询字符串的indexOf。

以下示例仅在根据示例附加了一个查询字符串键的情况下才有效。否则,您将需要进行更巧妙的查询参数提取。

var url = 'https://www.website.com/video?v=9rqSjXX-eoo';

$("a").each(function() {
        var query = url.split("?v=")[1];

    if (this.href.indexOf(query) != -1) {
        $(this).get(0).click();
    }
});

答案 1 :(得分:0)

比较两个链接,如果正确,则比较以下内容:

window.location.href = matchURL ; //browser refreshes and load the requested url