Получить последнюю часть URL-адреса

Question

Попытка получить последнюю часть URL-адреса в довольно странной структуре html. Не спрашивайте, почему он построен именно так. Это очень хорошая причина.

HTML, выглядит следующим образом

<li class="lifilter"><input type="checkbox" class="filtercheck" id="Cheeks..."> 
    <label for="Cheeks..."> 
     <a href="/collections/cheeks">Cheeks</a> 
    </label> 
</li> 

и JS я пытаюсь использовать

$('#Cheeks... label a').each(function(){ 
     var lasturl = $(this).attr('href'); 
     var urlsplit = url.split("/"); 
     var finalvar = urlsplit[4]; 
     $(this).addClass(finalvar); 
}); 

редактирования: блин .. я могу только отправлять один раз каждые 90 минут. здесь обновляются вопрос с обновленным HTML

<li class="lifilter"> 
    <input type="checkbox" class="filtercheck" id="Cheeks..."> 
    <label for="Cheeks..."> 
     <a href="/collections/cheeks" class="cheeks">Cheeks</a> 
    </label> 
</li> 

и кодом JS я пытаюсь использовать (из предыдущего ответа)

$('.lifilter').each(function(){ 
     $(this).find(".filtercheck").next('label').find('a').each(function(){ 
     var lasturl = $(this).attr('href'); 
     var urlsplit = lasturl.split("/"); 
     console.log(urlsplit); 
     var finalvar = urlsplit.pop(); 
     console.log('Adding class: ' + finalvar); 
     $(this).addClass(finalvar); 
     }); 
}); 

Answer 1

ОК, так что это не кажется, никто здесь пытался попробовать решение здесь, прежде чем отправлять.

Первое начало cheeks.... Это сложный идентификатор, который нужно найти (вам нужно избегать периодов). label также не является частью внутреннего html, где ID - cheeks..., поэтому нам нужно найти соседний элемент и посмотреть нужный тег якоря .

Вот код:

$(document).ready(function() { 
    $('#Cheeks\\.\\.\\.').next('label').find('a').each(function(){ 
      var lasturl = $(this).attr('href'); 
      var urlsplit = lasturl.split("/"); 
     console.log(urlsplit); 
      var finalvar = urlsplit.pop(); 
     console.log('Adding class: ' + finalvar); 
      $(this).addClass(finalvar); 
    }); 
}); 

И here является рабочим jsfiddle с раствором.

Answer 2

держать его просто как код вы могли бы сделать

finalvar = urlsplit[urlsplit.length-1]; 

в случае, если вы не хотите, базовый URL в качестве действительного возврата, то:

finalvar = (urlsplit.length > 1 ? urlsplit[urlsplit.length-1] : ""); 

замените «" вашей предпочтительной ошибкой/возвратом по умолчанию

Вы также можете попытаться найти индекс последнего '/' и выполнить подстроку.

Answer 3

попробуйте это.

FIDDLE DEMO

var URI = 'www.example.com/sub1/sub2/sub3/', 
    parts = URI.split('/'), 
    lastPart = parts.pop() == '' ? parts[parts.length - 1] : parts.pop(); 
//RESULT : "sub3" 

Answer 4

Вы можете извлечь последнюю часть пути (то есть все, что после последнего /), используя регулярное выражение:

text.replace(/.*\//g, "")

Это удалит весь текст перед косой чертой, а также сама косая черта. Вы также заметите, что ваш селектор не соответствовал элементам; вы ищете метки, вложенные в входы, которые не соответствуют html, который вы опубликовали (и не являются допустимой структурой DOM). Соответствующим селектором будет .lifilter label a, так как <label> находится в пределах <li>.

$(function() { 
 
    setTimeout(function() { 
 
    $('.lifilter label a').each(function() { 
 
     // strip everything up to and including the last forward slash 
 
     var path = $(this).attr('href').replace(/.*\//g, ""); 
 

 
     $(this).addClass(path); 
 

 
    }); 
 
    }, 1500); 
 
});

a.cheeks:after { 
 
    content: " (className = 'cheeks')"; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<li class="lifilter"> 
 
    <input type="checkbox" class="filtercheck" id="Cheeks..."> 
 
    <label for="Cheeks..."> 
 
    <a href="/collections/cheeks">Cheeks</a> 
 
    </label> 
 
</li>