Javascript RegExp Object

Question

I use this function below to quickly find an item in a table
My problem is that this function only searches for text that contains the search string in the given table
I have been trying my best to modify it to match only the text that begins with the search string but not working.

function searchTable(inputVal)
{
    var table = $('#supplier_table_body');
    table.find('tr').each(function(index, row)
    {
        var allCells = $(row).find('td');
        if(allCells.length > 0)
        {
            var found = false;
            allCells.each(function(index, td)
            {
                var regExp = new RegExp(inputVal, '^i');
                if(regExp.test($(td).text()))
                {
                    found = true;
                    return false;
                }
            });
            if(found == true)$(row).show();else $(row).hide();
        }
    });
}

Here is my jquery

        $('#itemname').keyup(function()
    {
        searchTable($(this).val());
    });

As an aside, if(found == true) ... else ... can all be replaced by $(row).toggle( found ) — nbrooks
– nbrooks, Commented Feb 13, 2013 at 13:35

Bergi · Accepted Answer · 2013-02-13 13:32:37Z

3

The string start anchor is not a regex modifier flag, but needs to be part of the expression:

var regExp = new RegExp('^'+inputVal, 'i');

answered Feb 13, 2013 at 13:32

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

alijsh · Accepted Answer · 2013-02-13 13:35:26Z

1

I think you should use \b: new RegExp("\\b" + inputVal, "i"). It finds a match that begins with inputVal.

answered Feb 13, 2013 at 13:35

alijsh

8917 silver badges7 bronze badges

1 Comment

TheBrain Over a year ago

and also use mg flags next to your i in case the content of that cell is multilined.

score 1 · Accepted Answer · 2013-02-13 13:39:42Z

1

Not sure if it works, but you may try to add a caret ( ^ ) before the inputVal, while creating the RegExp.

This should only allow words starting with inputVal.

Cheers,

EDIT:

Like so :

new RegExp("^" + inputVal, "i")

edited Feb 13, 2013 at 13:39

answered Feb 13, 2013 at 13:31

user1706698

1 Comment

user1862764 Over a year ago

Thanx a lot Romain Sertelon This eventually worked for me. var regExp = new RegExp("^"+ inputVal, "i");

2 revs · Accepted Answer · 2013-02-13 13:41:09Z

0

This answer posted as a community wiki answer because I think it solves the problem you're having and simplifies your code (but is too long to post as a comment), so I'd suggest, though currently untested, amending your function to:

function searchTable(needle){
    var table = $('#supplier_table_body'),
        cells = table.find('td');
    cells.filter(function(){
        return this.textContent.indexOf(needle) !== 0;
    }).closest('tr').hide();
}

Simple proof of concept.

edited Feb 13, 2013 at 13:41

community wiki

2 revs
David Thomas

Collectives™ on Stack Overflow

Javascript RegExp Object

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related