Как получить значение li, используя аргументы url в jquery?

#jquery

#jquery

Вопрос:

Давайте рассмотрим мой URL как: 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>
  

Используя аргумент -> 55, мне нужно предупредить имя в браузере с помощью jquery.

Например, когда я загружаю указанный выше URL:

Мне нужно указать значение как testT и имя класса как «пользовательский список».

Как я могу это сделать с помощью jquery?

Комментарии:

1. В div вашей «структуре div» нет узлов

Ответ №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());
    }
});
  

Используйте регулярное выражение, чтобы получить последние цифры вашего URL ( d $ ). Если элемент существует, предупредите текстовое содержимое элемента.

Ответ №2:

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

Даст вам основы того, что вы хотите сделать:

 alert(theElementWithTheValueOfTheLastSegment.text());
  

Вы можете проверить, соответствует ли содержимое последнего сегмента элементу, проверив .length свойство объекта jQuery:

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

Для получения дополнительной информации см. window.location Объект в MDC

Ответ №3:

Вы могли бы использовать этот плагин jQuery-URL-Parser:

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

Тогда это было бы вопросом:

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