Jquery: not removing rows from html table

Question

I have a html table and I need to remove some rows according to the ids passed by a function.

Here's my code:

<html>
    <script>
    function myfunc(){
        var dat ="6|21|22|"; // this string is a dynamic string coming 
                             // from another function. I've hardcoded it 
                             // for clarity
        var aryDat0 = dat.split('|');
        //delete empty elements
        var aryDat = aryDat0.filter(function(v){return !!v}); 
        for (var i = 0, l = aryDat.length; i <l; i++) {
          $( "'#" + aryDat[i] + "'" ).remove();
        }
    }
    </script>
    <table name="mytab" border="1px">
        <tr id="6"> 
            <td>6</td>
            <td>ada</td>
        </tr>
        <tr id="21">
            <td>21</td>
            <td>eda</td>
        </tr>
        <tr id="22">
            <td>22</td>
            <td>ida</td>
        </tr>
    </table>
    <input type="button" value="test" 
           onclick="javascript:myfunc(); return false;">
</html>

When I press the "test" button, nothing happens and I get in Chrome's Console:

Uncaught Error: Syntax error, unrecognized expression: '#6'

Why?? If instead of:

$( "'#" + aryDat[i] + "'" ).remove();

I do:

$('#21').remove();

It works great.

First way to debug code is to write clean one! I edited your post code for better readability! — php-dev
– php-dev, Commented Jun 4, 2014 at 12:58

Rajaprabhu Aravindasamy · Accepted Answer · 2014-06-04 12:50:30Z

2

This Error Uncaught Error: Syntax error, unrecognized expression: '#6' clearly states that $("'#6'") is an invalid Jquery selector

Try,

$( "#" + aryDat[i]).remove();

answered Jun 4, 2014 at 12:50

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

3 Comments

Denys Séguret Over a year ago

The + "" is certainly very useful.

Miguel Mas Over a year ago

hahaha, great! thanks a ton! I'llbe acepting your answer in a moment. Thanks again!

Rajaprabhu Aravindasamy Over a year ago

@dystroy MR.OP, please don't note that.. :D

Balachandran · Accepted Answer · 2014-06-04 12:51:41Z

0

Just concatenate id value to #

 $( '#' + aryDat[i]  ).remove();

answered Jun 4, 2014 at 12:51

Balachandran

9,6271 gold badge19 silver badges26 bronze badges

Collectives™ on Stack Overflow

Jquery: not removing rows from html table

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related