How to use a variable with class name inside a function in javascript?

Question

I have a variable x which counts the number of fields added to a form dynamically. I want to remove a field for which I tried to use the following code. But I can't.

$(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $( "div" ).remove( ".org-details\'+(x-1)+\'" );x--;
    })
});

I want the output be something like this on runtime.

$( "div" ).remove( ".org-details1" );

Please help.

FYI. if you use this you don't need to use x--; after remove as --x decrements and returns the value after decrementing. — palaѕн
– palaѕн, Commented Feb 27, 2020 at 14:02

jdlm · Accepted Answer · 2020-02-27 13:59:55Z

1

You should use template literals (note the backticks):

$("div").remove(`.org-details${x-1}`)

edited Feb 27, 2020 at 13:59

answered Feb 27, 2020 at 13:51

jdlm

6,7545 gold badges34 silver badges50 bronze badges

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

1 Comment

Senkottuvelan Over a year ago

Thanks! Exactly what I wanted.

Collectives™ on Stack Overflow

How to use a variable with class name inside a function in javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related