【问题标题】:how only this element textarea怎么只有这个元素textarea
【发布时间】:2017-04-20 08:52:28
【问题描述】:

我有这个 js 代码,它适用于站点中的所有 textarea,我希望它只适用于一个元素

function limits(obj, limit) {
    var text = $(obj).val();
    var str_length = $(obj).val().length;
    if (str_length > limit) {
        $(obj).val(text.substr(0, limit));
        $('span.limite').html(limit - str_length + ' znaków!');
        $(obj).addClass('limit');

    } else {
        $('span.limite').html((limit - str_length) + ' pozostało znaków!');

        //
    }
}


$(document).on('keyup', 'textarea.thisArea', function() {

这是我的html

<textarea class="thisArea" name="post_content[146][content]"></textarea>

所有textarea 都有另一个postcontent

【问题讨论】:

  • 使用 id 而不是类
  • 如果只针对一个文本区域,使用 ID 吗?
  • 这就是为什么理解你正在使用的源代码很重要,而不是仅仅因为它看起来可以工作就使用任何东西。如果您想修改现有的源代码,基本的了解会让事情变得更容易。

标签: javascript jquery html this


【解决方案1】:

您可以使用以下script

$(document).on('keyup', '#selector', function() {
    var text = $(this).val();
    var str_length = $(this).val().length;
    if (str_length > limit) {
        $(this).val(text.substr(0, limit));
        $('span.limite').html(limit - str_length + ' znaków!');
        $(this).addClass('limit');

    } else {
        $('span.limite').html((limit - str_length) + ' pozostało znaków!');
    }
})  

<textarea id="selector" class="thisArea" name="post_content[146][content]"></textarea>

【讨论】:

    猜你喜欢
    • 2014-12-04
    • 2019-11-12
    • 1970-01-01
    • 1970-01-01
    • 2022-07-22
    • 1970-01-01
    • 2014-11-28
    • 1970-01-01
    • 2017-03-13
    相关资源
    最近更新 更多