Javascript 如何删除span中的连字符？（jQuery）

我有面包屑，在特定链接中生成连字符

<div class="breadcrumbs">
   <span class="home">
        <a href="#"><span property="name">Home</span></a>
   </span>

   <span>
        <a href="#" class="post post-vehicle-archive"><span property="name">books-for-sale</span></a>
   </span>

   <span>
        <a href="#" class="book-name"><span property="name">Soup for the sould</span></a>
   </span>
</div>

我想删除class=“post vehicle archive”中的宣传资料

这是我迄今为止尝试的代码：

<script type="text/javascript">
    var j = jQuery.noConflict();
    j(function() {
        var getTermName = j('.breadcrumbs .post.post-type-archeive > span');
        j(getTermName ).text(value.replace(/\-/g, " "));

    });
</script>

var j=jQuery.noConflict（）；
j（职能（）{
var getTermName=j（'.breadcrumbs.post.post-type-archeve>span'）；
j（getTermName）.text（value.replace（/\-/g，”）；
});

结果应该是“出售图书”

---

感谢您的帮助

尝试使用

.text（）

如果要将文本更改为标题大小写，请使用以下代码

var getTermName = j('.breadcrumbs .post.post-type-archeive > span');
getTermName.text(function(i,value) {
  return value.replace(/\-/g, " ").split(" ").map(function(function(val){
     return val.charAt(0).toUpperCase() + val.slice(1);
  }).join(" ");
});

或者不要把事情弄得太复杂

JS:

CSS:

使用回调更新所有元素的内部文本

迭代所有的面包屑

删除连字符，并使每个单词的第一个字符大写

var j=jQuery.noConflict（）；
j（职能（）{
//这将循环所有匹配的`

运行代码时会发生什么情况？完全没有或出现错误？getTermName的选择器错误，

value

未定义（将其替换为（

j（getTermName）.text（）

）。回答得很好@Tushar。谢谢

var getTermName = j('.breadcrumbs .post.post-type-archeive > span');
getTermName.text(function(i,value) {
  return value.replace(/\-/g, " ").split(" ").map(function(function(val){
     return val.charAt(0).toUpperCase() + val.slice(1);
  }).join(" ");
});

var getTermName = j('.breadcrumbs .post.post-type-archeive > span').addClass("titleCase");
getTermName.text(function (i, value) {
    return value.replace(/\-/g, " ")
});

.titleCase {
    text-transform: capitalize;
}