Question

我使用的是CMS，所有博客标题均大写为大写，但是我有几篇文章都包含“ PDF”一词，并且我想使用jQuery或类似的解决方案在每个博客标题中进行搜索（如果包含）这个词，如果有的话，我想将最后一个字符从“ PDFS”转换为小写。

这是我尝试做的事情：

str = $('h1.class').text();
re = /\s(PDFS)\s/;
str = str.replace(re, 'PDFs');

输出仍然不符合预期。

Answer 1

我准备了一个示例代码来回答。请检查一下。

var oldword=$("h1.class").html();
 
var newword=speacialWords(oldword);
$("h1.class").html(newword);

function speacialWords(word){
    
    var changed="none";
    var valArray = word.split(" ");
    var f = ['MYSQL','PDFS'];
    var r = ['M<span class="lowerCase ">y</span>SQL','PDF<span class="lowerCase ">s</span>'];
    var returnVal ="";
    for(x = 0; x < valArray.length; x++){
        for(y = 0; y < r.length; y ++){
            if (valArray[x].toLowerCase() == f[y].toLowerCase()){
                returnVal +="  "+r[y];
                changed="ok";
            } 
     
         }
         
         if(changed=="none"){ 
         		 returnVal +="  "+valArray[x];
             changed="none";
         }
    }
    returnVal = $.trim(returnVal);
    return returnVal 
    }

.lowerCase { text-transform: lowercase;  }
p { text-transform: uppercase;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="banner-message">
  <h1 class="class">Hello Worlds PDFS</h1>
</div>

Answer 2

您可以在jQuery上尝试类似的方法：

$( document ).ready(function() {
    $(".title_identifier").css("text-transform", "none").text(function () {
    return $(this).text().toUpperCase().replace("PDFS", "PDFs");
})
});

在此处进行测试：https://jsfiddle.net/24bmqjLy/14/

使用jQuery的单词中的小写特定字符

2 个答案: