jquery - jQuery 将除单词和之外的所有内容都大写

Question

这是我在首都的菜单

<ul class="tabgic">
   <li rel="item_227" class="">
    <div>
      <div> <a class="menu_link_2" href="#">ACCIDENTAL DAMAGE AND PROPERTY</a> </div>
    </div>
   </li> 
</ul>

我想使用 jQuery 并将除单词之外的所有内容都大写，and因此输出将是

Accidental Damage and Property

我怎样才能做到这一点？

我在看这个，但不确定这是否可以轻松修改？

Answer 1

你可以使用正则表达式。

str = str.toLowerCase().replace(/\b[a-z]/g, function(match) {
    return match.toUpperCase();
}).replace(/\bAnd\b/g, "and");

js小提琴。

您不能仅使用 CSS 来做到这一点（至少不能使用您当前拥有的标记）。

js小提琴。

Answer 2

var str = 'ACCIDENTAL DAMAGE AND PROPERTY';
var result = str.split(' ').map(function(v){
  v = v.toLowerCase();
  return v.replace(/^[a-z]/, function(a){
    return v === 'and' ? a : a.toUpperCase();
  });
}).join(' ');

console.log(result); //=> Accidental Damage and Property

Answer 3

工作演示 http://jsfiddle.net/pXe44/

希望它适合原因:)

代码

$(document).ready(function() {
    var foo = $('.menu_link_2').text().split(' ');
    var html = '';
    $.each(foo, function() {
        if (this.toLowerCase() != "and") html += this.substring(0, 1).toUpperCase() + this.substring(1).toLowerCase() + ' ';
        else html += this.toLowerCase() + ' ';

    });

    alert(" ===> " + html);

    $('.menu_link_2').html(html);

});​

Answer 4

鉴于您提出的输出，我怀疑您实际上想要 Title Case（也称为 Proper Case）。您可以使用链接的插件（它处理标题大小写），或者您可以使用正则表达式自己滚动：

// the RegExp  \w{4,}  will capture any word composed of 4 or more characters
// where each character can match A-Z, a-z, 0-9, and _
myString = myString.toLowerCase().replace(/\w{4,}/g, function (match) {
    return match.substring(0, 1).toUpperCase() + match.substring(1);
});