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

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

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

208k20 gold badges206 silver badges246 bronze badges

Comments

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

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 + "')")