Question

我有以下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>

我想仅删除a标记中的尾部斜杠，而不是两个斜杠。因此，它看起来像这样。

<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>
}

Answer 1

您可以使用TrimEnd('/')

在页面上进行此操作

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

从JS或ASP中的链接中删除斜杠

1 个答案: