JQuery / Javascript-объединение текста с переменной для использования в качестве индекса массива


Как я могу объединить текстовую строку с переменной для использования в качестве индекса массива?

Например, в этой строке из кода ниже:

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

Как мне сделать что-то вроде: $('.flip[id="item-" + id]').fadeOut( 1500);

Чтобы этот div исчез: ?

$( ".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);

        }
    });
});
2 2

2 ответа:

Вставить переменную в середину примерно так:

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

Также может быть более полным использование выделенного селектора идентификаторов:

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

Javascript позволяет объединять строки с int, просто добавляя их. Вы можете создать строку, объединив первую часть строки, идентификатор int и конец строки:

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

Если id=3, это дает вам ".flip[id="item-3"]".