String interpolation in JavaScript

Question

In Ruby you can use string interpolation like so:

text = "This is visit number #{numVisits} to this website"

This bypasses the need for explicit concatenation.

I'm working with jQuery and have a bit like this:

$(document).ready(function(){
    $("a.ajax").click(function(event){
        $("#content").load("data.html this.getClass");
    });
});

The behavior I want is "click on <a class="ajax" id="schedule"></a> and the content div on the current page is replaced by the schedule div from data.html. If I manually write in

load("data.html #test"); 

that works, but I want the script to load the DIV with the ID value of the anchor clicked. Any help would be swell!

Example Page: http://www.mariahandalex.info/stack/

Answer 1

in es6 this is possible

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

`string text ${expression} string text`

Answer 2

This has changed.

As of 2015 there is now a better way: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

Bringing to JS what many languages like Ruby and PHP have enjoyed already.

For example, in my jQuery driven page I use:

   $('#myModalLabel').html(`Show GRAPH of : ${fundCode}-${funcCode}`); 

Which safely renders in my updated Firefox and Chrome as:

Show GRAPH of : AIP001-_sma

Note the use of backticks surrounding the string param in .html(....)