窗口位置散列等于数据属性，然后触发数据属性。

Question

在获取散列等于数据属性时，有一点被困住了。因此，如果url.com/#house-2，那么它将触发对测试2的点击。

<ul class="list">
    <li> 
<a  data-loc="house" href="#">test</a>        
    </li>
<li>
<a  data-loc="house-2" href="#">test2</a>
</li>
    <li>
<a  data-loc="house-3" href="#">test3</a>
</li>
</ul>

<script>
$(window).load(function() {

if (window.location.hash === data('loc')) {         
      setTimeout(function() {
        $('this').trigger('click');
    },1);           

  } 
 });

</script>

Answer 1

您可以使用attribute equals来选择目标a元素，并像这样触发.click()；

$('.list a[data-loc="' + window.location.hash.replace('#', '') + '"]').trigger('click');

如果你的HTML包含那些data-loc属性，这是可行的。但是，如果数据是通过jQuery .data()函数添加的，则无法工作。

Answer 2

可以使用filter()通过data-loc属性查找所需的元素。试试这个：

var fragment = window.location.hash;
if (fragment) {
    fragment = fragment.substr(1);
    $('.list a').filter(function() {
        return $(this).data('loc') == fragment;
    }).click(); 
}