传递“这个”进入 $.trim() 函数

发布于 2024-11-30 13:09:24 字数 228 浏览 1 评论 0原文

Jquery in Action 具有以下代码：

$('#someField').val($.trim($('#someField').val()));

但是，当我按如下方式重写时，该代码不起作用。

$('#someField').val($.trim($(this));

谁能帮助我理解为什么这不起作用？

原文

Jquery in Action has the following code:

$('#someField').val($.trim($('#someField').val()));

When I rewrite as follows though, the code does not work.

$('#someField').val($.trim($(this));

Can anyone help me understand why this does not work?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

空宴 2024-12-07 13:09:24

有两个原因：

trim 采用字符串，而不是 jQuery 对象。您至少需要 $(this).val()。
选择器没有封装函数，因此 this 实际上没有设置为您选择的对象。 this 无论如何都是如此。

最好的解决方案是这样的：

var $obj = $('#someField');
$obj.val($.trim($obj.val()); // trim object's value

Two reasons:

trim takes a string, not a jQuery object. You'd need $(this).val() at least.
The selector is not encapsulating a function, so this actually doesn't get set to the object you selected. this is whatever it was anyway.

The best solution is this:

var $obj = $('#someField');
$obj.val($.trim($obj.val()); // trim object's value

回复收藏 0 原文

完美的未来在梦里 2024-12-07 13:09:24

$.trim 期望接收一个字符串作为参数。 $(this) 不是字符串。

回复收藏 0 原文

夏末染殇 2024-12-07 13:09:24

$('#someField').val() 检索某个字段的文本，因此 trim 的工作方式与处理字符串相同。

$(this) 只是一个 jQuery 对象（this 指的是调用它的上下文），因此 trim 没有任何意义。

回复收藏 0 原文

夜空下最亮的亮点 2024-12-07 13:09:24

您需要在另一个函数中才能更改 this 关键字。例如：

$('div').slideToggle(1000, function() { // notice the function keyword
    // Now the this keyword has changed, notice the indentation due to the function
    $(this).css('border', '1px solid black'); // Here's how we use this
});

当然，上一个示例中的 this 更改为我们动画的对象是 jQuery 为我们所做的事情，它不是自动的。虽然这样的事情是可能起作用的：

$('#someField').val(function() { $.trim($(this).val()); } );

jQuery 选择不让您将函数作为参数传递给 .val() 方法，因为它通常不会以这种方式使用，因此什么你正在尝试是行不通的。

编辑：

现在我想了一下，实现起来并不难：

var _val = $.fn.val;
$.fn.val = function(a) {
    return (!a || typeof a === 'string') ?
        _val.call(a) :
        _val.call(this, a.call( this.val() ));
}

<保罗·爱尔兰的《打鸭子》（读它！）

You need to be in another function for the this keyword to change. For example:

$('div').slideToggle(1000, function() { // notice the function keyword
    // Now the this keyword has changed, notice the indentation due to the function
    $(this).css('border', '1px solid black'); // Here's how we use this
});

Of course the fact that this in the previous example changed to the object that we animated was something that jQuery did for us, it's not automatic. While it is possible for something like this to work:

$('#someField').val(function() { $.trim($(this).val()); } );

jQuery chooses not to let you pass a function as a parameter to the .val() method since it won't normally be used that way and therefore what you're trying doesn't work.

EDIT:

Now that I think about it, it wouldn't be to hard to implement:

var _val = $.fn.val;
$.fn.val = function(a) {
    return (!a || typeof a === 'string') ?
        _val.call(a) :
        _val.call(this, a.call( this.val() ));
}

Duck Punching by Paul Irish (read it!)

回复收藏 0 原文