Question

我的部分如下

 <section class="breadCrumb">
     <a href="/">Home</a> <span class="divider">&gt;</span> <a class="CMSBreadCrumbsLink" href="/SCCU.Stg/Events-Calendar.aspx">Events Calendar</a> &gt; 
     <a href="/SCCU.Stg/Events-Calendar/Events-Details.aspx">Events Details</a> 

    </section>

它是由代码动态生成的，在上面的部分我在标签内部的一些地方如下

 <section class="breadCrumb">
 <a href="/">Home</a> <span class="divider">&gt;</span> <a class="CMSBreadCrumbsLink" href="/SCCU.Stg/Events-Calendar.aspx">Events Calendar</a> &gt; 
 <span class="CMSBreadCrumbsCurrentItem">Events Details</span>

</section>

所以，如果您在上面的HTML代码部分中都看到了，你会发现一个锚标记，而在另一个部分我有span标记，所以基本上我想找到具有类名“breadCrumb”的Section是否包含我想要的最后一个标记属性使用span标记转换/替换此锚标记，并将此span类转换为“CMSBreadCrumbsCurrentItem”。我们怎么能用jquery做到这一点。

在上面的两个部分中，第一部分最后有标签而另一部分没有标签，所以代码只能执行第一部分而不是第二部分。

Answer 1

与此类似的东西会很好：

$("#breadCrumb").(":last").
contents().unwrap().wrap('<span/>').addClass("CMSBreadCrumbsCurrentItem");

Answer 2

希望这能解决您的问题
$(".breadCrumb").append("<span class='CMSBreadCrumbsCurrentItem'>" + $(".breadCrumb a").last().html() +"</span>"); $(".breadCrumb a").last().html()

Answer 3

使用以下脚本：

if($(".breadCrumb a").last().length){    
  $(".breadCrumb a").last().remove();
  $(".breadCrumb").append('<spanclass="CMSBreadCrumbsCurrentItem">Events Details</span>');

}

Answer 4

$('.breadCrum').each(function(){
  var l = $('>:last-child', this);
  if (l.prop('nodeName')=='A') {
    l.contents().unwrap().wrap('<span class="CMSBreadCrumbsCurrentItem"></span>');
  }
});

修改：已添加＆gt; to：last，并更改：last to：last-child并将tagName更改为nodeName（抱歉使用ipad键入我的答案）

如何替换最后<a> tag from section using jquery</a>

4 个答案: