1

我正在使用 jQuery 切换功能来更改文本输入的某些字符。每次用户点击一个按钮，输入值都会得到按钮的值（这是一个带有数字的|）。当用户再次点击按钮时，脚本需要移除按钮的字符输入值。

例如，如果输入的值为 0|1|2|3|4|5 并且按钮的值为 0| 值，当用户第一次点击按钮时，输入的值应该变成1|2|3|4|5，但是当用户第二次点击按钮时，输入的值应该变成1|2| 3|4|5|0。

我做到了，它工作得很好，直到我注意到我的正则表达式不是那么准确。

看看这些字符：0|1|2|3|4|5|6|7|8|9|10

有两个数字与正则表达式匹配：|1 和 |10

所以，我需要修复它，看看我的代码：

    $('.topmenu_permission').toggle(function(){
    var permission = $(this).attr('name');
    var valor = $('#userpermission').val();

    var pattern = permission, re = new RegExp(pattern, "g");

    valor = valor.replace(pattern, '');

    $('#userpermission').val(valor + '' + permission);

    $(this).css({ 'background' : 'green', 'color' : 'white' });

    return false;

}, function(){
    var permission = $(this).attr('name');
    var valor = $('#userpermission').val();

    var pattern = permission, re = new RegExp(pattern, "g");

    valor = valor.replace(pattern, '');

    $('#userpermission').val(valor);

    $(this).css({ 'background' : '#ddd', 'color' : '#000' });

    return false;
});

非常感谢你们，我将字符串转换为数组，现在它工作得很好。

看最终代码：

    $('.topmenu_permission').toggle(function(){
    var needle = $(this).attr('name').replace('|', '');
    var myString = $('#userpermission').val();
    myString = myString.split('|');
    var index = $.inArray(needle, myString);
    if( index >= 0)
    {
        myString.splice(index,1);
    }
    myString = myString.join('|');
    myString = myString + '|' +  needle;
    $('#userpermission').val(myString);
    $(this).css({ 'background' : 'green', 'color' : 'white', 'text-shadow' : 'none' });
    return false;
}, function(){
    var needle = $(this).attr('name').replace('|', '');
    var myString = $('#userpermission').val();
    myString = myString.split('|');
    var index = $.inArray(needle, myString);
    if( index >= 0)
    {
        myString.splice(index,1);
    }
    myString = myString.join('|');
    $('#userpermission').val(myString);
    $(this).css({ 'background' : '#ddd', 'color' : '#000' });
    return false;
});
4

1 回答 1

1

一种方法是将字符串临时转换为数组，用于$.inArray()查找匹配项，将其从数组中删除，然后将数组转换回分隔字符串。

这不涉及正则表达式，但它完成了工作。

var needle = "1";
var myString = "0|1|3|10|25";
var myNewString = myString; // the initial value of the result
var myArray = myString.split("|");
var needleLocation = $.inArray(needle,myString);
if (needleLocation >= 0) {
    myNewString = myArray.splice(needleLocation,1).join("|");
}
alert(myNewString);

更多信息：http ://api.jquery.com/jQuery.inArray/

还发现了这一点，这可能会有所帮助：字符串操作 - 从列表中删除元素

于 2012-06-22T19:33:38.327 回答