【问题标题】:Lowercase and Uppercase with jQueryjQuery 的小写和大写
【发布时间】:2011-08-02 21:50:28
【问题描述】:

如何使用 jQuery 将字符串转为小写?我试过了

var jIsHasKids = $('#chkIsHasKids').attr('checked').toLowerCase();

但它不起作用。我做错了什么?

【问题讨论】:

  • 什么不起作用?你得到了什么?你想要什么? jQuery 不提供字符串操作函数,所以你不能用 jQuery 来做这件事(但语言本身可以)。
  • 什么不起作用?不变成小写还是有错误?

标签: jquery


【解决方案1】:

$.validator.addMethod("R",function(value,element){

var $firstnames= (value.toLowerCase());
 var $search= ("SHIVA" || "KARTHIK" ==$firstnames  ? false :true ) ;
 return $search ;

}, "此用户已被屏蔽");

【讨论】:

    【解决方案2】:

    这个问题是 2011 年提出的。我将在 2021 年 9 月回答这个问题。尽管我迟到了 10 年,但我正在为未来的搜索者回答。已经给出了很好的答案。我将添加一个带有 jQ​​uery 的 .css 属性的替代品。

    $('#chkIsHasKids').attr("checked").val().css("text-transform","lowercase");
    

    这将首先检查 id #chkIsHasKids 是否被选中,然后将获取它的值,然后使用 CSS 属性将其转换为小写。就是这样!

    【讨论】:

      【解决方案3】:

      如果只是出于显示目的,您可以在纯 CSS 中将文本呈现为大写或小写,无需任何 Javascript,使用 text-transform 属性:

      .myclass {
          text-transform: lowercase;
      }
      

      请参阅https://developer.mozilla.org/en/CSS/text-transform 了解更多信息。

      但是,请注意,这实际上并没有将值更改为小写;它只是以这种方式显示。这意味着如果您检查元素的内容(即使用 Javascript),它仍然是其原始格式。

      【讨论】:

        【解决方案4】:

        试试这个:

        var jIsHasKids = $('#chkIsHasKids').attr('checked');
        jIsHasKids = jIsHasKids.toString().toLowerCase();
        //OR
        jIsHasKids = jIsHasKids.val().toLowerCase();
        

        可能与以下内容重复: How do I use jQuery to ignore case when selecting

        【讨论】:

          【解决方案5】:

          我想你想小写检查的值?试试:

          var jIsHasKids = $('#chkIsHasKids:checked').val().toLowerCase();
          

          或者你想检查它,然后将它的值设为小写:

          var jIsHasKids = $('#chkIsHasKids').attr("checked", true).val().toLowerCase();
          

          【讨论】:

          • 输入文本如下:let toLowercase = function () { jQuery('.tolowercase').on('keypress keydown blur',function () { let currentVal = jQuery(this).val(); jQuery(this).val(currentVal.toLowerCase()); }); };
          猜你喜欢
          • 2017-07-18
          • 2012-11-13
          • 2016-05-14
          • 1970-01-01
          • 2010-12-29
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多