Question

我想在页面加载时触发div的点击，但哪个div取决于网址。

E.g。 HTML

<div id="1" class="clickMe"></div>
<div id="2" class="clickMe"></div>
<div id="3" class="clickMe"></div>
<div id="4" class="clickMe"></div>

页面网址可能是：

http://this-site.com/pageName?thing=2

在这种情况下，我想触发点击带有clickMe的div的id=2

我知道我可以使用$( ".clickMe" ).trigger( "click" );，但有没有办法选择我想要的div clickMe？

Answer 1

我知道如何将URL变量导入JS

然后将其存储在名为“thing”和

的变量中

$( "#" + thing ).trigger( "click" );

Answer 2

首先，您需要将查询字符串中的thing变量转换为jQuery，然后将其指定为正确的ID选择器以触发单击。我要复制article that Phil flagged this post as a duplicate of中使用的函数：

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

var thing_id = getParameterByName('thing');
$( ".clickMe#" + thing_id ).trigger( "click" );

您可以指定一个类和这样的ID：$('.className#IDname')，但ID应始终在网页中唯一，因此您实际上不需要这样做。这应该足够了：

$('#' + thing_id).trigger('click');

触发带有ID的某个div的单击

2 个答案: