Question

通过复制/粘贴http://www.example.com/test1.html#!id1

加载此页面时

获取li＆＃34; a＆＃34; href值和检查值存在。比较href值＆amp; url indexof value。如果存在成功..另外没有。

请向我提出进一步的建议或解决方案。

由于

HTML

<ul>
    <li class="slist selected" id="id1"><a href="#!id10">Test1/a></li>
    <li class="slist" id="id2"><a href="#!id20">Test2</a></li>
    <li class="slist" id="id3"><a href="#!id30">Test3/a></li>
</ul>

JS

$('ul li').each(function(i)
{
    var listIDs = $(this).find('a').attr('href');
    if(window.location.href.indexOf('listIDs') > -1) {
        console.log(1);
    }
});

Answer 1

纠正您的尝试：

$('ul li').each(function (i) {
    var listIDs = $(this).find('a').attr('href');
    if (window.location.href.indexOf(listIDs) > -1) { //there should not be quote.
        console.log(1);
    }
});

解决方案只是通过属性选择器检查元素：

$(document).ready(function () {
    var id = "#!" + window.location.href.split("!")[1];
    if ($("ul li a[href='" + id + "']").length) {
        console.log("present");    
    } else {    
        console.log("absent")
    }
});

检查<li> href属性并与url index进行比较

1 个答案: