Question

我们将我的网址视为：http://test/assignment/reports/55

以下是div结构：

<ul class="custom-list">
<li value="55">testT</li>
<li value="58">testt</li>
<li value="60">123333333333</li>
</ul>

使用参数 - ＆gt; 55我需要使用jquery在浏览器中提醒名称。

例如，当我加载上述网址时：

我需要将值作为testT和类名提醒为“custom-list”。

如何使用jquery执行此操作？

Answer 1

$(document).ready(function(){
    var curr = location.href.match(/\d+$/);
    if(curr){
        curr = curr[0];
        var elem = $("li[value='" + curr + "']");
        if(elem.length) alert(elem.text());
    }
});

使用RegExp获取网址的最后一位数字（\d+$）。如果元素存在，则提醒元素的文本内容。

Answer 2

var lastSegmentOfUrl = window.location.pathname.slice(window.location.lastIndexOf("/") + 1);
var theElementWithTheValueOfTheLastSegment = $('[value="' + lastSegmentOfUrl + '"]');

将为您提供您想要做的基本知识：

alert(theElementWithTheValueOfTheLastSegment.text());

通过检查jQuery对象的.length属性，可以检查最后一个段的内容是否与元素匹配：

if (theElementWithTheValueOfTheLastSegment.length) {
    // > 1 element matched
} else {
    // no elements matched
}

有关详细信息，请参阅window.location object on MDC

Answer 3

您可以使用此jQuery-URL-Parser插件：

https://github.com/allmarkedup/jQuery-URL-Parser

那将是一个问题：

var myVal = url.segment(3);
var toAlert = $('li[value='+myVal+']').html();
alert(toAlert);

如何在jquery中使用url参数获取li值？

3 个答案: