Jquery string concatenation

Question

I might be overlooking the obvious but I am trying to do a basic string concatenation and it does not seem to play to well

I have the following variables

var plug = "myPlug";
var pdiv = "<p></p>";
var tab_id = "#someID";

$(tab_id + "p:contains('" + plug + "')").parent().next().append(pdiv);

For some reason tab_id does not get substituted. Any help would be appreciated.

I suspect you want a space before the "p" in "p:contains(...)". — Pointy
– Pointy, Commented Sep 10, 2013 at 18:17

Sergio · Accepted Answer · 2013-09-10 18:24:00Z

2

You need to leave a space between #someID and p:contains. Concatenation does not add spaces by itself.

You need to use:

$(tab_id + " p:contains('" + plug + "')").parent().next().append(pdiv);
            ^
          give extra space here

answered Sep 10, 2013 at 18:18

Sergio

28.9k11 gold badges90 silver badges132 bronze badges

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

Comments

epascarello · Accepted Answer · 2013-09-10 18:17:58Z

2

because you are looking for

("#someIDp:contains....")
        ^^
      No space

answered Sep 10, 2013 at 18:17

epascarello

208k20 gold badges206 silver badges246 bronze badges

David · Accepted Answer · 2013-09-10 18:18:13Z

1

It looks like you're missing a space. Currently your selector will evaluate to:

$("#someIDp:contains('myPlug')")

which... doesn't look right. Try adding a space after the ID and before the child p element:

$(tab_id + " p:contains('" + plug + "')")

answered Sep 10, 2013 at 18:18

David

221k42 gold badges246 silver badges338 bronze badges