Question

我的html标记看起来像这样：<div id="somediv"> [whitespace] text</div>我将这个值添加到像这样的输入元素中：

jQuery('.votefilters span a:first').on('click', function(event) {
jQuery('input[name="search"]').val(jQuery('.myo-poll-bar.firstoption').text());
jQuery('input[name="search"]').keyup();

});

这很好用，但问题是用空格添加值，我不想要这个。我发现这个jquery方法jQuery.trim()似乎删除了所有空格，但我不知道如何在实际函数中使用它。

有人可以就如何实现这一点给我一些建议吗？

Answer 1

将方法链接到文本

jQuery('.votefilters span a:first').on('click', function(event) {
  jQuery('input[name="search"]').val(jQuery('.myo-poll-bar.firstoption').text().trim());
  jQuery('input[name="search"]').keyup();

});

Answer 2

使用trim（）。像：

jQuery('.votefilters span a:first').on('click', function(event) {
jQuery('input[name="search"]').val(jQuery('.myo-poll-bar.firstoption').text().trim());
jQuery('input[name="search"]').keyup();

});

Answer 3

我建议你“缓存”你的jQuery调用，所以我是通过使用oSearch来实现的。（第1行）

然后回答你的jQuery.trim问题...就像这样做

var oSearch = jQuery('input[name="search"]');
jQuery('.votefilters span a:first').on('click', function(event) {

    var text = jQuery('.myo-poll-bar.firstoption').text();
    text = jQuery.trim( text );   

    oSearch.val( text );
    oSearch.keyup();

});

Answer 4

jQuery.trim('yourtext')与此类似：

jQuery('.votefilters span a:first').on('click', function (event) {
    var $input = jQuery('input[name="search"]');
    var newText = jQuery('.myo-poll-bar.firstoption').text();
    var trimmedText = jQuery.trim(newText);

    $input.val(trimmedText);
    $input.keyup();
});

DEMO - 使用jQuery.trim（）;

使用jquery添加文本后删除多余的空格

4 个答案: