JQuery / Javascript - Combine text with variable for use as array index

Question

How can I combine a text string with a variable for use as an array index?

For example, on this line from the code below:

$('.flip[id="item-3"]').fadeOut( 1500);

how do I do something like: $('.flip[id="item-" + id]').fadeOut( 1500);

To make this div fade away: < div id="item-3" class="flip">?

$( ".delete" ).click(function() {
    var $this = $(this), id = $this.data('id');

    $.ajax({
        method: "post",
        url: "charts_manage.php",
        data: { id: id, do: 'delete' },
        success: function( data ) {

            $('.flip[id="item-3"]').fadeOut( 1500);

        }
    });
});

dfsq · Accepted Answer · 2014-11-26 20:19:31Z

3

Insert variable in a middle like this:

$('.flip[id="item-' + id + '"]').fadeOut(1500);

Also it may be more comprehensive to use dedicated id selector:

$('#item-' + id).fadeOut(1500);

answered Nov 26, 2014 at 20:19

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

2 Comments

Doparoo Over a year ago

Beauty! Thank you very much sir. I was forgetting the last part... + '" [smacks forehead with hand]

dfsq Over a year ago

You are welcome! Anyway, use the second version $('#item-' + id) it's also fastest DOM selector.

Sami Jaber · Accepted Answer · 2014-11-26 20:22:59Z

0

Javascript allows you to concatenate strings with ints by simply adding them. You can create the string by concatenating the first part of the string, the id int, and the end of the string:

'.flip[id="item-' + id + '"]'

if id=3, this gives you ".flip[id="item-3"]".

answered Nov 26, 2014 at 20:22

Sami Jaber

513 bronze badges

Collectives™ on Stack Overflow

JQuery / Javascript - Combine text with variable for use as array index

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related