Удалить косую черту из ссылки в JS или в ASP - PullRequest
0 голосов
/ 08 сентября 2018

У меня есть следующий HTML.

<ol class="breadcrumb">
 <li>
   <a href="/florida-villas/" itemprop="item">Florida</a>
 </li>
 <li>
    <a href="/florida-villas/orlando-villas/">Orlando</a>
 </li>
 <li>
  <a href="/florida-villas/orlando-villas/davenport-lakes">Davenport Lakes</li>
</ol>

Я хочу удалить только косую черту, а не обе косые черты внутри тега. Итак, это будет выглядеть так.

<ol class="breadcrumb">
 <li>
   <a href="/florida-villas" itemprop="item">Florida</a>
 </li>
 <li>
    <a href="/florida-villas/orlando-villas">Orlando</a>
 </li>
 <li>
  <a href="/florida-villas/orlando-villas/davenport-lakes">Davenport Lakes</li>
</ol>

Я посмотрел онлайн и получил это до сих пор, но это удаляет все косые черты. Как я могу просто выбрать последний?

$('.breadcrumb li').each(function(e){
    var str = $(this).html();
    var replaced_text = str.replace(/\//g,'', "$1");
    $(this).html(replaced_text);
});

Любая помощь будет потрясающей. Сайт построен в ASP.Net.

Текущий код: (я не могу сделать ASP, поэтому я пытаюсь сделать это в jQuery), если это не легко сделать непосредственно в коде ниже.

@{
var linksInTotal = Request.Url.Segments.Count();
var crumbUrl = "/";

<ol class="breadcrumb">

    @for (var i = 2; i < linksInTotal; i++)
    {
        var link = Request.Url.Segments[i];
        crumbUrl += link;
        <li>
            @if (i < linksInTotal - 1)
            {
                <a href="@crumbUrl.ToLower()">
                    @HttpUtility.UrlDecode(link.Replace("-", " ").Replace("villas"," ").Replace("/", "").ToTitleCase())

                </a>
            }
            else
            {
                <a href="">
                    @HttpUtility.UrlDecode(link.Replace("-", " ").Replace("villas", " ").Replace("/", "").ToTitleCase())
                </a>
            }
            @if (i < linksInTotal - 1)
            {
                <span class="fa fa-angle-right" aria-hidden="true"></span>
            }
            <meta itemprop="position" content="@i" />
        </li>
    }
</ol>
}

1 Ответ

0 голосов
/ 08 сентября 2018

Вы можете сделать это на самой странице с помощью TrimEnd('/')

@HttpUtility.UrlDecode(link.Replace("-", " ").Replace("villas", " ").Replace("/", "").ToTitleCase().TrimEnd('/'))
...