javascript - 如何删除跨度中的连字符？ (jQuery)

Question

我有在特定链接内生成连字符的面包屑。

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

结果应该是“Books For Sale”

感谢任何帮助。

Answer 1

尝试利用.text()的接收函数

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

如果您想将文本更改为首字母大写，请使用以下代码，

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:

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

CSS:

.titleCase {
    text-transform: capitalize;
}