How to add string to jQuery selector?

Question

I'm trying to select an id that changes on different posts of same page. So the they have been given an id="show_posts_{PostID}" - on the final output the {PostID} is replaced with a number. In the function I need to call $('show_posts_XXXXXX') - XXXXXX being the generated ID. I have stored this ID in a variable called postId.

But I can't seem to do this $("'" + "show_posts_" + postId + "'")

Can anyone tell me how I can add a string to the end of a selector?

Answer 1

You need to include the '#' character at the start of the string.

$('#show_posts_' + postId)

Also, you're trying to stuff the quotes in there in your example, and that doesn't make sense.

Answer 2

Should work. If it does, you'll kick yourself. Don't forget the hash for the ID, and the extra quotation marks aren't necessary.

$("#show_posts_" + postId)

Answer 3

just use $("#show_posts_"+postID)

Answer 4

Two things.

1. To select an element with a given ID, you need a # character at the beginning of the ID.

2. Don't add the quotes to the beginning and end of the string.

Thus:

$('#show_posts_' + postId)